Div不会在页面顶部

我在我的网站上有一个div，不会在顶部，它总是在顶部下方一点点，所以我正在寻找一种方法使它在顶部没有空间在div和顶部之间，但我还没有运气。Div不会在页面顶部

这是我试过的css代码。

.usertopbar { 
    display: inline-block; 
    background: url(images/counterbar_bg.jpg) repeat-x #111; 
    height: 32px; 
    bottom: 600px; 
    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; 
}

来源

2016-03-06 Patric Nøis

您的代码看起来不错（虽然我倾向于避免明确不惜一切代价设置的东西的高度）。我建议在你自己的CSS之前包括normalize.css。它会重置几个浏览器的默认值，这是我相信在这里遇到的。它也是Bootstrap和Foundation框架中使用的默认值，所以你可以打赌它是最好的重置样式表之一。

来源

2016-03-06 01:29:55 hellojason

Normalize.css不需要使用提供的代码来实现他想要的内容。 – Roy

确定它不是*必需*，但如果您想要更好的跨浏览器功能，它将成为开发人员工具箱中相当普遍的主食。也许更重要的是，OP应该知道每个浏览器都有自己的内置默认样式，它要应用于html元素。类似normalize.css的解决方案旨在重置所有这些样式，以便您有一个更清晰的空白画布开始工作。 – hellojason

设置margin和padding或者您<html>和<body>为0。具体而言，我认为这是做它的<body>的保证金，但养成习惯通过明确它们都设置为0默认。

来源

2016-03-06 01:21:07 Gendarme

除了@宪兵的答案，你可以看看这些重置：http://cssreset.com/并选择一个最适合你未来项目的。它会为你节省很多麻烦:) –

我同意@NikiMihaylov，虽然我会特别提出[normalize.css]（https://necolas.github.io/normalize.css/）（这是默认使用的Bootstrap和Foundation框架）。 – hellojason

你忘了给元素添加一个点（或散列）。请务必将margin和padding的html & body设置为0.请参阅下面的答案和清除的代码。如果你想在顶部粘贴div，请在片段中添加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; 
 
}

<div class="usertopbar"></div>

来源

2016-03-06 01:24:18 Roy

Div不会在页面顶部

回答

相关问题