0

css と html でラッパー div と重なっているフッター コンテンツがありますが、高さを auto に変更しても機能しませんでした。以下は、私が取り組んでいるページの例です。

ラッパー CSS

#wrapper {
width: 1030px;
height: 600px;
margin: 20px auto auto auto;
padding: 0;
background: url(wrapper.png);
}

フッター CSS

.footer{
width: 1000px;
padding: 60px 0 0 30px;
height: auto;
float: right;
clear: both;
background: url(footer_bg.gif) no-repeat top right;
text-align: center;

}

例

4

1 に答える 1

2

.content_left 列と content_right 列のフロートをクリアし、#wrapper に関連付けられている高さを削除する必要があります。

http://jsfiddle.net/L6acE/3/

フロートをクリアするには、いくつかの方法があります。<div style="clear:both;">ここで説明したように、両方の列の後にa を追加するだけの本当に簡単な方法を使用しました。

http://css-tricks.com/the-how-and-why-of-clearing-floats/

しかし、私は通常、ここで説明されている clearfix メソッドを使用します。

http://nicolasgallagher.com/micro-clearfix-hack/

また、左側の列にいくつかの CSS を追加して、word-wrap:break-wordすべてのダミー コンテンツをラップしました。

于 2012-11-17T18:18:30.153 に答える