2011-12-15 49 views
5

私は誰かが私のサイトを見て、ここで何が起こっているかもしれないか教えてくれることを願っていました。私が抱えている問題は、#bodyWrap divが自動的にその子の1つの高さに伸びていないことです。#contentWrap #contentWrapは、そのページのすべてのコンテンツを埋め込むために細かく伸びますが、これは親に気付かない#bodyWrapです。あらゆる洞察力に感謝します。CSSの高さ:自動ラッパーdivで動作しません

http://www.jacobsmits.com/placeholderRX/index.html

答えて

19

あなたのクロージングコンテナの前明確DIVを追加する必要があります。それが浮いているだって

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

フローティング項目は...コンテナの高さには影響しません。 )。

ワーキングライブ例:http://jsfiddle.net/LBH5h/

例:

<div id="content"> 
    <!-- floating child --> <div style="float:left;"><!-- floating child content --></div> 

    <div style="clear:both;"></div> 
</div> 
+0

ありがとうございました!私は要素を浮動させることを知っているときはいつも "明確な"クラスを使用しますが、私が実験していたときにそれを見逃してしまい、この遅いハハ問題を見ることができませんでした。しかし、そのようなnavwrapのようなフローティング要素をページの下部まで伸ばす方法はありますか?私が何を意味しているのか再度確認するためにサイトをチェックしてください。 – Throttlehead

+0

Javascriptを使ってnavWrapの高さをcontentWrapの高さに設定することになるでしょう。絶対配置されたDivsとZ-インデックスとの格闘よりもはるかに簡単です。 – Throttlehead

+0

締め切りに就いて時間をとり、それを今チェックするのはちょっと難しいです。しかし、簡単な方法は、あなたのタイルのコンテンツの背景にnavwrapイメージを含めることです。 ;)それ以外の場合は、HTMLの構造を変更してcss display:tableオプションを使って遊ぶ必要があると思います。または、jQueryでコンテンツの高さを読み取って、navwrapを同様に設定します。アニメーションでポップアップすることもできます;)歓迎バディ –

4

何かが、通常は自動私のために高さを調整しない場合、私はこれらの手順でトラブルシューティングをします。とんでもない何かに高さを設定

  1. (1000px)
  2. それが違いを作る場合、すべてが
  3. が明確に追加浮かぶチェック:両方。ステートメント。
  4. まだ機能しない場合は、すべてのdivに別の罫線の色を追加してください。それは、あなたが高さを正しく設定し、何がウェブサイトを台無しにしているのかを知るのに役立ちます。
+0

今日は同じことが起こっていました。ラッパーに 'display:absolute'があったので、' relative'に変更して動作しました。 – Vadorequest

関連する問題