css margin left and right问题

Question

我想在顶部看到一些非常薄的*网站。这看起来像他们网站顶部的脸书蓝色横幅。

我已经尝试了上面的代码是：

<div style="height:20px; background-color:grey; margin-top:-10px; "></div> 

，并从那里有行为以外的空白，只是一点点在正确的和灰色的左右两侧。

有没有人知道我在做什么错？

Answer 1

听起来好像您还没有清除body元素上的填充/边距。这给一展身手：

html, body 
{ 
    padding: 0px; 
    margin: 0px; 
    width: 100%; 
} 

此外，给你的div 100%宽度：

div 
{ 
    width: 100%; 
} 

我大概走了一个有点过分与CSS，但它会确保一切正常。

此外，请确保定义了HTML doctype - 这可能会导致其他一些问题，如:hover无法正常工作。

Answer 2

您需要在html和body标签上使用margin:0。这将使您的div占据所有可用的水平空间，并将其放在顶部而不是占用小空间。