html - 背景が表示されない

Question

ここの背景画像（「cont」要素）は、ここのホームページのように表示されないことに気付きました。
高さを追加すると、フッターがどういうわけか台無しになることを除けば、高さと関係があるようです...
ホームページで機能するのと同じように、ページで背景を機能させるにはどうすればよいですか？

ありがとうございました。

score 4 · Accepted Answer

要素に追加overflow: hidden;します.cont。問題は、その中の要素がであるfloatedため、高さに合わせてサイズが変更されないことです。

一般的に、これは、だけでなく、多くの方法で修正できますoverflow: hidden;。リソースを見つけるためのclearfixのためのGoogle。

score 1 · Accepted Answer

clearfixを使用します。

div<div style="clear: both"></div>の最後に追加します。#cont

私が使用している本番Webサイトでは、次のようになります。

<br class="clear"/>

プラスcss：

br.clear { display: block; width: 1px; height: 0px; clear: both; }

score 1 · Accepted Answer

background-imageが要素に設定されていdiv.contて、クリアフィックスがないため、高さが0になっているため、背景に表示するスペースがありません。clearfixを追加すると、機能します。それを行う1つの方法は次のとおりです。

<div class="cont">
  <div class="body">
  ...
  </div>

  <br style="clear: both" />
</div>

3 に答える 3