2

別の div (コンテナ) 内にある div (メインコンテンツ) があります。これらの div は aspx ページにあり、インサイダー div (メインコンテンツ) 内に多くの asp.net コントロールがあります。しかし、サイトがこのように見えるのはとても興味深いです。

ここに画像の説明を入力

http://i.stack.imgur.com/omahx.jpg

白い部分 (メインコンテンツ) は、内部の要素に応じてサイズを変更する必要があります。ただし、高さは 0px として表示されます。

maincontent と container の css は次のとおりです。

#container
{
background: #FFF;
width: 1000px;
height:auto;
margin-right: auto;
margin-left: auto;
border-right: 2px solid #B0AA94;
border-left: 2px solid #B0AA94;
border-bottom: 2px solid #B0AA94;
border-radius: 0px 10px 0px 10px;
}

#maincontent
{
height: auto;
font-family: Trebuchet MS;
font-size: 10px;
color: Black;
margin-left: 30px;
margin-top: 40px;
}

何が欠けていますか？

4

2 に答える 2

3

これらのコンテナー内には、多くの浮動要素が含まれている可能性があります。それらをクリアする必要があります。コンテナのオーバーフロー プロパティを「auto」または「hidden」に設定することで、フローティング要素をクリアできます。

フィドル: http://jsfiddle.net/JyAMb/

于 2012-05-21T23:59:22.020 に答える
2

divをフローティングすると、通常の要素の流れから外れます。<div style="clear:both">フローティングdivの後に追加して、それらをクリアします。

于 2012-05-22T00:02:40.030 に答える