全宽头和图像CSS

我想了解如何获得全宽头。问题是标题周围有一个很薄的白色边框，而不是全宽。如果重要，我不使用任何网格系统。全宽头和图像CSS

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; 

}

任何帮助非常赞赏的感谢。

来源

2013-01-19 JackLalley

我想问题是要得到它周围的白色边框。 A div自动填充整个窗口的宽度，所以删除min-width风格：Example fiddle。

CSS：

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

来源

2013-01-19 17:26:40 NGLN

非常感谢但我不想要那么薄的白色边框，这是我的观点。我看起来像你的小提琴没有边框造型。所以它有没有我宣布的白色边框。 – JackLalley

添加到您的CSS

body{ margin: 0; padding: 0; }

浏览器添加自己的CSS的HTML元素，这从浏览器变化到浏览器。 margin和padding也适用于UL和其他一些要素...

你可以阅读更多关于此这里... http://clagnut.com/blog/1287/

来源

2013-01-19 17:30:24

链接文章中提到的技术是危险的imho。 '* {margin：0;填充：0; }'打破了用户贡献的HTML ...我与很多电子商务商店合作，有时我们将我们的切片出售给第三方。当他们添加这个危险的小片段时，店主的产品细节UL-LI破裂，段落停止适当间隔，并出现许多其他问题。我个人更喜欢使用共享CSS [上海社会科学院的'@ extend'（http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#extend），或[标准化CSS文件（HTTP针对性复位： //necolas.github.com/normalize.css/）。 – thirdender

工作非常感谢！当我有足够的声望和关心thirdender时，我会投票。我目前只是一名初学者，但当我达到更高级别时，我会考虑CSS重置和SASS，感谢您的回复。 – JackLalley

我同意thirdender，直到你知道你在做什么不要使用* {margin：0; } –

白色边框最有可能由BODY标签的固有margin增加。尝试添加下面的CSS：在这种情况下

body { 
    margin: 0; 
}

来源

2013-01-19 17:30:39 thirdender

也工作过一种享受。当我有足够的声望时，也会投票。谢谢！ – JackLalley

html, body{ 
padding: 0; 
margin 0;

}

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

}

你的边界将颜色作为标题背景颜色相同

来源

2013-03-26 00:09:45 Ali

全宽头和图像CSS

回答

相关问题