html - 列はその親の高さを無視します

Question

問題は、親が両方の列 (と、それぞれを使用)divのテキストを尊重する必要があることです。ただし、親の高さプロパティ ( ) は、内部にテキストが書き込まれていないかのように動作します。height#col1#col2float:left#content

固定の高さを挿入することはできましたが、そのようには機能しないはずです。高さは、テキストであっても「柔軟な」値を持つ必要があります。

score 1 · Accepted Answer

子供たちは浮いているので、2 つのオプションがあります。

overflow: hidden;子の高さを尊重するために親に追加します。

#content{
  overflow: hidden;
}

clear:both最新の要素として空の要素を追加します。

<div id="content">
 <p id="col1">...</p>
 <p id="col2">...</p>
 <div style="clear:both;"></div>
</div>

1 に答える 1