css左右边距问题

问题描述

| 我想让某些网站的顶部变得很稀薄，然后再顶部。在其网站顶部看起来像facebook蓝色横幅。 我为上面尝试过的代码是：

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

而且它的工作原理与灰色的左右两侧只有一点点空白。 有人知道我在做什么错吗？     

解决方法

        听起来您尚未清除

body

元素上的填充/边距。试试看：

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

另外，将div的宽度设置为

100%

：

div
{
    width: 100%;
}

我可能对CSS有点过分了，但是可以确保一切正常。 此外，请确保定义了HTML文档类型-稍后可能会导致其他一些问题，例如

:hover

不起作用。     ,        您需要在

html

和

body

标签上使用

margin:0

。这将使您的div占据所有可用的水平空间，并将其放在顶部而不是很小的空间。