親divがあり、その中に親divの子である複数のdivがありますが、それらの子divが親divの外にオーバーフローしている理由がわかりません。
親divに、その中の子divの数に応じて高さを調整してもらいたい。
ここにフィドルがあります
フロート#ダウンロードが残っています。
overflow:hidden
代わりに作るだけoverflow:visible
左に#downloadsをフロートするか、次を使用しますoverflow:hidden
。
#downloads
{
background-color: #EEEEEE;
border: 1px solid #CCCDCF;
padding: 5px;
line-height: 25px;
overflow:hidden;
}
また:
#downloads
{
background-color: #EEEEEE;
border: 1px solid #CCCDCF;
padding: 5px;
line-height: 25px;
float: left;
}
overflow: hidden
オーバーフローした子コンテンツを単純に非表示にしますが、これはあなたが達成しようとしていることではないと私は信じています。
親divを展開してすべての子コンテンツを表示するoverflow: auto
には、親で指定するか(一部のブラウザーでは副作用がある場合があります)、
<div style="clear: both"></div>
親divの最後の子として。