Question

我的网站上有一个div，它不会位于顶部，它总是略低于顶部所以我正在寻找一种方法让它在顶部没有{{1和顶部，但我还没有运气。

这是我试过的css代码。

div

Answer 1

设置边距和填充，或者将<html>和<body>设置为0.具体来说，我认为这是<body>的余量，但要养成习惯默认情况下将它们全部显式设置为0。

Answer 2

您忘记在元素中添加点（或哈希）。请务必设置margin的{{1}}和padding＆amp; html到0.请参阅下面的答案并清除代码。如果您想在顶部粘贴div，请将body和position: fixed;添加到代码段。

top: 0; left: 0;

html,body {
  margin: 0;
  padding: 0;
}

.usertopbar {
    display: inline-block;
    background: url(images/counterbar_bg.jpg) repeat-x #111;
    height: 32px;
    width: 1100px;
    line-height: 30px;
    text-align: left;
    padding-left: 10px;
    box-shadow: 0px 0px 16px #000;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

Answer 3

您的代码看起来不错（尽管我倾向于避免不惜一切代价明确设置高度）。我建议在你自己的CSS之前添加normalize.css。它将重置几个浏览器的默认值，这是我认为在这里阻碍你的方式。它也是Bootstrap和Foundation框架中使用的默认设置，所以你可以打赌它是最好的重置样式表之一。

Div不会在页面顶部

3 个答案: