0

我试图了解如何获得全宽标题。问题是它在标题周围有一个薄的白色边框并且不是全宽的。如果这很重要，我不会使用任何网格系统。

HTML

<!DOCTYPE html>
   <html>

     <head>
  <link rel="stylesheet" href="css/style.css" type="text/css" display="screen" > 

 <title>
    test app
 </title>

</head>

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


</body>

</html>

CSS

#header {

    float:left;
    padding:15px 0;
    min-width:100%;
    background: #5FBEED;

}

非常感谢任何帮助。

4

4 回答 4

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

}

#header {
padding: 15px 0;
border: 10px solid #5FBEED;
background: #5FBEED;

}

在这种情况下，您的边框将与您的标题背景颜色相同

于 2013-03-26T00:09:45.143 回答
0

我想问题在于它周围有白色边框。Adiv自动填充整个窗口的宽度，因此请删除该min-width样式：Example fiddle。

CSS：

#header {
    padding: 15px 0;
    border: 10px solid white;
    background: #5FBEED;
}
于 2013-01-19T17:26:40.710 回答
0

将此添加到您的CSS

body{ margin: 0; padding: 0; }

浏览器将自己的 css 添加到 html 元素中，这因浏览器而异。边距和填充也适用于 UL 和其他一些元素......

您可以在此处阅读有关此内容的更多信息... http://clagnut.com/blog/1287/

于 2013-01-19T17:30:24.547 回答
0

白色边框很可能是由BODY标签固有的margin. 尝试添加以下 CSS：

body {
    margin: 0;
}
于 2013-01-19T17:30:39.230 回答