保证金左右问题

Question

我希望在一些真正瘦弱且位于顶端的网站中占据一席之地。在他们的网站顶部看起来像facebooks blue banner。

我为此尝试的代码是：

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

它与灰色的右侧和左侧只有一点白色空间分开。

有谁知道我做错了什么？

Answer 1

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

Answer 2

听起来你还没有清除body元素上的填充/边距。放手一搏：

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

另外，给你的div宽度为100%：

div
{
    width: 100%;
}

我可能对CSS有点过分了，但它会确保一切正常。

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