将 DIV 标签放置在页面顶部

发布于 2024-10-03 20:08:43 字数 299 浏览 3 评论 0原文

我需要在页面顶部放置一个 DIV 标签,就像在 StackEchange 顶部菜单栏中一样,

我过去常常遵循代码,但有空格

div.topbar{
    width:100%;
    background:#C0C0C0;
    border:1px;
    border-color:gray;
    border-style:solid;
    text-decoration:none;
    font-family:Arial;
    top:auto;
}

I need to Positioning a DIV tag in top of the page like in the StackEchange top menu bar

i used to following code but there is the space

div.topbar{
    width:100%;
    background:#C0C0C0;
    border:1px;
    border-color:gray;
    border-style:solid;
    text-decoration:none;
    font-family:Arial;
    top:auto;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

薯片软お妹 2024-10-10 20:08:43

您还需要添加:

position: absolute;
top: 0px;

You also need to add:

position: absolute;
top: 0px;
镜花水月 2024-10-10 20:08:43

如果是包含元素的第一个子元素,则不需要 position:absolute。只需执行 a

margin: 0
padding: 0

,您就会获得额外的好处,即流程中的下一个元素正确定位在顶栏之后而不是顶栏下方。

position: absolute is not needed if is the first child of the containing element. Just do a

margin: 0
padding: 0

and you'll have the added benefit of the next element in the flow positioned correctly after and not under the top bar.

爱你不解释 2024-10-10 20:08:43

添加

div.topbar{
  position:absolute;
  top:0
}

add

div.topbar{
  position:absolute;
  top:0
}
木森分化 2024-10-10 20:08:43

您是否尝试添加 position:absolute;top:0;

不过,您可能需要 clear:both; 下一个元素。

Did you try adding position:absolute; and top:0;?

You may need to clear:both; the next element, though.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文