Question

所以我没有在页脚之前设置边距，但不知何故它是分开的，我似乎无法找出原因。任何的想法？谢谢！

HTML：

<section>
<div class="content"></div>
</section>

<footer>
<div id="footer"></div>
</footer>

和css：

.content{
 background-image: linear-gradient(bottom, rgb(135,127,127) 0%, rgb(37,37,35) 69%);
 background-image: -o-linear-gradient(bottom, rgb(135,127,127) 0%, rgb(37,37,35) 69%);
 background-image: -moz-linear-gradient(bottom, rgb(135,127,127) 0%, rgb(37,37,35)        69%);
 background-image: -webkit-linear-gradient(bottom, rgb(135,127,127) 0%, rgb(37,37,35) 69%);
 background-image: -ms-linear-gradient(bottom, rgb(135,127,127) 0%, rgb(37,37,35) 69%);

 background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(135,127,127)),
color-stop(0.69, rgb(37,37,35))

）;

 #footer{
  background:url(images/footer.png) left top no-repeat;
  height:450px;
   }

Answer 1

尝试在执行任何样式之前应用CSS重置：http://meyerweb.com/eric/tools/css/reset/

Answer 2

在HTML4规范（http://www.w3.org/TR/CSS21/sample.html）中，有一个默认样式表定义了边距和其他格式。即使您没有在CSS中写入，也可能导致浏览器呈现边距。

据我所知，HTML5中没有默认样式表的规格，因此浏览器使用自己的默认样式表。

因此，section元素使用的边距似乎默认设置了一些边距（在浏览器中）。如何避免这种情况的最佳方法是重置CSS。

http://html5doctor.com/html-5-reset-stylesheet/可能是一个很好的解决方案。

页脚与其他内容分开

2 个答案: