CSS浮動ID

-1

マイIDセクションボックスが、私はボックス自体を持っているとその親のすべてが、百パーセントの高さCSS浮動ID

#section_box { 
    padding: 0px 10px; 
    background: #EDEDED; 
    width: 992px; 
    height: 100%; 
    margin: 0 auto; 
}

for full page click here

に設定していても0PXに表示されていることが原因

出典

2011-12-04 user1046246

にheight: 100%を与えませんでした。このため、質問に関連するすべてのコード*を貼り付けることをお勧めします。 – animuson

コンテナを 'overflow：hidden'に設定します。 [this]（http://stackoverflow.com/questions/5369954/why-is-my-divs-height-zero）および参照される[link]（http://www.ejeliot.com/blog/59）を参照してください。説明のために。 – StuartLC

あなたは要素をフロートすると、あなたがクリア要素に入れていない限り、それはもはや、親の高さの計算にカウントされます。

<div id="container"> 
    <div id="floated" style="float: left">blah blah blah</div> 
    <br style="clear: both" /> 
</div>

そのなければをclear: bothに設定すると、#container divは0の高さになるよう計算されます。クリアすると、少なくとも浮動小数点のdivの高さになります。

あなたのレイアウトにに、不要なマークアップを追加したくない場合は、this pageごとに、限り、あなたはwidthディレクティブとそれを組み合わせると、同じ効果を持つ#container divの、上overflow: autoを使用することができます。

出典

2011-12-04 04:55:20

あなたはあなたのページが動作していないと思われるhtml要素

出典

2011-12-04 14:26:02 HerrSerker

答えて

関連する問題