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

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 に答える
0

スタイリングを行う前に、CSS リセットを適用してみてください: http://meyerweb.com/eric/tools/css/reset/

于 2013-03-27T01:39:46.847 に答える