Question

我需要像蓝色facebook标题一样的div标题，顶部和左侧/右侧没有空闲空间。

我的实际代码如下：

<!DOCTYPE HTML>
<html>
    <head>

        <style type="text/css">

            div#header {
                height: 100px;
                background-color: #3B5998;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }

        </style>

    </head>

    <body>  
        <div id="header">
        </div>          
    </body>

</html>

我添加了额外的没有marigin和没有填充，但我仍然在我的标题的所有4个方面都有一些空闲空间......

Answer 1

html, body { margin: 0; padding: 0; }

Answer 2

试试这个

html, body { padding: 0; margin: 0; }

#header { float: none; width: 100%; height: 100px; background-color: #3B5998; }

Answer 3

默认情况下，每个浏览器都会在文档正文周围放置一些边距/填充。

要删除它，您可以在html中添加css样式

html, body {
   margin: 0;
   padding: 0;
}

此外，值得注意的是，浏览器会将各种样式插入到元素中，并且这些样式在不同的浏览器中会有很大差异。有一些样式表文件可以修复它，其中一个可以在这里找到

http://www.cssreset.com/

div-header，顶部+侧面没有可用空间

3 个答案: