Question

我想把我的标题放在div中，但是div并没有直接触及任何页面，但是侧面有一点空间。为什么？我怎么能删除它？ div只是

<div class="header">
    <img src="images/header.png" width="600" height="252" alt="Header" />
</div>

style.css文件包含

.header {
    background: url(../images/header_extend.png) repeat-x center;
    overflow: hidden;
}
.header img {
   display:block;
   margin:0px auto;
   max-width: 100%;
   height: auto;
   overflow: hidden;
}

header_extend.png用于填充屏幕宽度的其余部分。

Answer 1

尝试添加css：

body {
   margin: 0px;
   padding: 0px;
}
.div {
   margin: 0px;
   padding: 0px;
}

如果仍然无法正常工作，请将代码修剪为一行。有时会有一些1px的空间来自断线。

像这样：

<div class="header"><img src="images/header.png" width="600" height="252" alt="Header" /></div>

Answer 2

您应该从正文标记中删除默认边距。

body { margin:0 }

此外，如果要对.header div的宽度使用百分比，还应指定父级的宽度。如果父项是正文标记，则可以执行以下操作：

body { 
    margin: 0;
    width: 100%; 
}

这是fiddle

Answer 3

尝试将重置添加到CSS的顶部。它经常挤压这些小间距的虫子。

http://meyerweb.com/eric/tools/css/reset/

内容未触及屏幕两侧

3 个答案: