0

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

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;
   }
4

2 回答 2

0

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

于 2013-03-27T01:39:46.847 回答
0

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

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

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

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

于 2013-03-27T01:52:29.353 回答