0

ページのコンテンツの背景を設定したい。背景画像のあるdivには。がありclass=historyます。「履歴」の上のすべてのdivと履歴自体の高さは100%に設定されています。ただし、「履歴」divは正しい高さを取得しません。

以下はコードのサンプルです。関連する詳細が不足している可能性がありますが、解決策が見つかったら追加します。ライブページも参照してください。

CSS:

html, body {
    height: 100%;
    background: url(cream_dust.png) repeat 0 0;
}

HTML:

<html>
<body class="page page-id-41 page-child parent-pageid-8 page-template-default logged-in admin-bar">
<div class="wrapper-for-footer">
<div id="page" class="hfeed site">
<div id="main" class="site-main">
<div id="primary" class="content-
4

2 に答える 2

2

に設定されている要素はheight: 100%、その親の垂直方向のスペースの100%のみを占めます。history間に要素があり、bodyその要素に高さがない場合、期待したほどの高さにはなりません。

要素の大部分historyはフロートされたコンテンツであるため、フロートされていないコンテンツのみを含むように折りたたまれています。

要素にclearfixを追加しhistoryます。

overflow: hidden

また

.history {
    zoom: 1; // fix for IE
}

.history:after {
    content: ' ';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
于 2012-12-26T01:06:30.730 に答える
0

100%の高さを与えようとしていることに追加position:absolute;する必要があるかもしれません。div

編集:あなたはに追加する必要がありますposition:absolute;history div

于 2012-12-26T00:43:28.820 に答える