css - css は、父親の中に浮動ボックスを発行します

Question

コンテンツボックス内に小さなニュースボックスを配置したい、行と列を作成したい、それらの数を表示したい...画面サイズに依存してその数を確認できるかどうかはわかりません。

ボックスを作成したのは父ですが、問題は、思い通りに左に浮いているにもかかわらず (実際にはアイデアが完成しています...)、列を形成するときに父が成長しないことです。列は準備ができています...しかし、不幸なことにCSSの垂直のものは私にとって常に難しいです...

これは、「N」個のニュースボックスで達成したいものです。

ここに私が今持っているコードがあります。赤い枠はラッパーの識別用です...

score 2 · Accepted Answer

id='cuerpo' で div を指定します。overflow: hidden;

score 1 · Accepted Answer

コンテナをコンテンツとともに成長させようとしていると仮定すると....

<div style="clear:both;"></div>内部コンテンツの直後にコンテナ内に追加する必要があります#cuerpo

こちらを参照してください。この回答が間違っているかどうか教えてください...修正します。（これはあなたの質問だったと思いますか??）

score 0 · Accepted Answer

あなたはあなたのdivをクリアする必要があります

.clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; visibility:hidden; } .clearfix:after { clear:both; }

そのCSSを追加し、htmlを変更します

<div id="cuerpo" class="ui-widget-content clearfix">

HTMLを変更できない場合は、これを行ってください

フロートの最後にクラスを追加します

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

3 に答える 3