为什么图像前有余量?

时间:2014-05-12 13:59:32

标签: css css3

我没有在徽标图像上添加任何余量,但仍有差距。我不明白为什么。该页面位于http://goo.gl/jNbFp9

我的标记:

<header>
<img src="images/home-layout_04.jpg" alt="">
</header>

我的CSS:

body {
background-color: #d2d1d0;
background-image: url(images/home-layout_02.jpg);
background-repeat: repeat-x;
background-position: center top;
}
header { width: 984px; margin: 0 auto; text-align: left;}
header img { float: left; margin: 0; padding: 0;}

5 个答案:

答案 0 :(得分:1)

margin: 0px;添加到body

这是缺失的部分,我在Google Chrome检查元素上尝试了它并且它有效。

答案 1 :(得分:0)

in body:

中试试
margin-top:0px;

答案 2 :(得分:0)

你的身体有margin: 8px;。你可以使用reset.css

答案 3 :(得分:0)

你的体型有margin:8px;

在你的身体css样式中添加它

margin:0px !important;

答案 4 :(得分:0)

您可以使用其中任何一种,

http://www.cssreset.com/

它将帮助您在所有浏览器中使用相同的渲染并避免此类问题