現在、2つのdivを並べる必要があるプロジェクトに取り組んでいます。これはそれほど問題ではありませんが、サブdivの1つが大きくなったときに親divのサイズを適切に自動変更する必要があります。ここで問題が発生します。
一方が他方よりも大きい場合、もう一方を親divの下部にプッシュします。私の質問は次のとおりです。どうすればこれを修正できますか?
私の問題の実際を確認するには:http://jsfiddle.net/zygnz/508/
ありがとう!
現在、2つのdivを並べる必要があるプロジェクトに取り組んでいます。これはそれほど問題ではありませんが、サブdivの1つが大きくなったときに親divのサイズを適切に自動変更する必要があります。ここで問題が発生します。
一方が他方よりも大きい場合、もう一方を親divの下部にプッシュします。私の質問は次のとおりです。どうすればこれを修正できますか?
私の問題の実際を確認するには:http://jsfiddle.net/zygnz/508/
ありがとう!
Fiddleをソリューションで更新しました:
http://jsfiddle.net/zuul/zygnz/511/
CSS
.right, .left {
float: left;
}
.clear {
clear: both;
}
.container div {
display: block;
}
HTML
<div id="container">
.
.
.
<div class="clear"></div>
</div>
ねえ、これを「div.left」のcssに追加してみてください。
float: left;