Question

我的网站顶部有一个标题部分，当人们向下滚动页面时，我想要保持固定。标题的背景是纯白色背景下的黑色。

在添加position:fixed;规则后，它似乎在页面顶部之间添加了大约16px的边距。

#container-id-01 {
    height: 100px;
    width: 100%;
    background-color: #000;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    position: fixed;
}

我尝试将margin更改为float:left;，但它仍然没有任何区别。 width: 100%;需要是填充页面整个宽度的百分比。

有没有摆脱保证金？

Answer 1

添加!important无法正常工作，并且正文已设置为padding:0;

我从评论者那里得到了建议，top:0;做了诀窍

：）

Answer 2

可能有些样式会覆盖你当前的css，确保没有其他css用于该元素，或者你可以做。

#container-id-01 {
height: 100px;
width: 100%;
background-color: #000;
margin-top: 0px!important;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px!important;
position: fixed;
}

这将覆盖所有其他样式..

Answer 3

试试这个，它可能是默认的身体填充。

body{padding: 0px;}

在“position：fixed”之后，Div标签的顶部有16px的边距。

3 个答案: