div内にすべてのコンテンツが含まれていません

私は100％の高さと実線の境界線を持つdivを持っています。あまりにも多くのコンテンツを持っている場合、divの枠の外に表示されます。div内にすべてのコンテンツが含まれていません

私はどのように画面サイズの100％の代わりに境界内のすべてのコンテンツの高さにdivを展開するのですか？

高さ：100％は画面の高さを測定しているようですが、内部の内容は測定していないようです。問題のサンプル・ページへ

<style> 
#container{ 
    height:100%; 
    width:100px; 
    border:1px solid black; 
} 
</style> 
<div id="container">

このような問題は、難解なclearfixを使用すると簡単に解決できます。まず第一に、あなたの#containerためにあなたが持っているすべてのそれらのheight:100%;宣言を削除し、それらが必要いない、とあなたのCSSでこれを試してみてください。

#container:before, #container:after { 
    display: table; 
    content: ""; 
    zoom: 1; 
} 

#container:after { 
    clear: both; 
}

2012-01-10 23:39:39

魅力的なように働いた – user1082764

私は疑問に思っています、私は傾けることができますbottomfixのclearfixメソッドを使用して、私は高さ：50px、クリア：両方; – user1082764

@ user1082764あなたのサイトをもう一度見て、フッターを正しく宣言しておらず、あなたが持っている 'position：absolute'宣言を削除し、コンテナと同じ幅を宣言して、 width：960px'とし、それ自身を底部に含める必要があります。 –

あなたは（容器の外に飛んでいる）あなた浮動要素のいくつかの問題を持っているので、コンテナ

#container{ 
    width:100px; 
    border:1px solid black; 
    overflow: hidden; 
}

2012-01-10 23:27:03 eveevans

で正しいこの使用overflow:hiddenため絶対配置された要素はコンテナの高さを変更しません。あなたのfarbartastic要素は絶対位置付けを持っているので、コンテナの高さの要件を通知することなく配置されます。

2012-01-10 23:28:15 aaronblohowiak

よく私が午前問題は100％の画面サイズを計測していることですが、内部のコンテンツではありません。私のノートブックは非常に小さなボックスの境界を示していますが、私のデスクトップでは境界線がほとんどすべてをカバーしています。 – user1082764

postition：問題は解決策ではありません。なぜなら問題はコンテナの外側に浮いているからです。 – eveevans

問題は要素がコンテナの外側に浮いていることです。背景のあるdivの問題は、私が修正しようとしているものです。画面の解像度が変わるとdivの高さが変わります。 – user1082764

答えて