css 如何使导航菜单贴在顶部，占据整个宽度，占据网页顶部的空间？

rbl8hiat 于 11个月前发布在其他

关注(0)|答案(1)|浏览(124)

的数据
无论我尝试什么，总有一个空间在顶部，这是我所理解的html框的一部分。我试图使用 * 重置填充和边距，但一旦我使标题位置固定，它看起来就不正常了
我想要一个菜单栏贴在网页的顶部，并采取整个宽度。
这可能是rediculous qistion为你，但我刚刚开始学习html和CSS。谢谢你。

css

来源：https://stackoverflow.com/questions/77456451/how-to-make-a-navigation-menu-sticked-to-the-top-occupying-the-whole-width-and

1条答案

按热度按时间

svmlkihl1#

当你用position: fixed样式化一个元素时，它会从文档流中移除并叠加在它上面。这就是为什么你会看到你的其余内容出现在你的标题后面。技巧是为你的其余内容添加一个与你的标题相同高度的上边距。

body {
  margin: 0;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 3em;
  padding: 1em;
  box-sizing: border-box;
  background: yellow;
  overflow: hidden;
}

main {
  margin-top: 3em;
  padding: 1px 1em;
  background: lime;
}

个字符

赞(0）回复(0）举报 11个月前

我来回答

css 如何使导航菜单贴在顶部，占据整个宽度，占据网页顶部的空间？

1条答案

相关问题

热门标签

最新问答