将DIV标记放在页面顶部

时间:2010-11-24 14:47:05

标签: css web

我需要在页面顶部定位DIV标记,就像在 StackEchange 顶部菜单栏中一样

我曾经跟随代码,但有空格

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

4 个答案:

答案 0 :(得分:6)

您还需要添加:

position: absolute;
top: 0px;

答案 1 :(得分:2)

如果是包含元素的第一个子元素,则不需要

position: absolute。做一个

margin: 0
padding: 0

并且您将获得流量中下一个元素的额外好处,这个元素在顶栏之后正确定位。

答案 2 :(得分:1)

添加

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

答案 3 :(得分:0)

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

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