4

内部に子 div を持つ div コンテナーがあります。

<div id=mainWrapper>
    <div id=child>
    </div>
<div>

 #mainwrapper height:100%, width:900px
 #child height:100%, width:50% overflow:visible float:right

子 div には要素のリストが含まれます。

子からのオーバーフローが mainWrapper の高さより大きい場合、mainWrapper のサイズを変更するにはどうすればよいですか?

私は一連のcssといくつかのスクリプトも試しました: $('#mainWrapper').css('height',$('#child').height());

何も機能していません。

4

3 に答える 3

4

の終了後に clearfix を使用し#childます。親 div を同じ高さにプルするには、フローティング div をクリアする必要があります。

 <div id=mainWrapper>
     <div id=child>
     </div>
     <div style='clear:both;'><!--clear--></div> 
  <div>

  #mainwrapper height:100%, width:900px  
  #child height:100%, width:50% overflow:visible float:right

参照: http://www.webtoolkit.info/css-clearfix.html

「clearfix」のどの方法を使用できますか?

http://css-tricks.com/snippets/css/clear-fix/

于 2012-11-20T15:58:56.543 に答える
1

mainwrapper で overflow: auto を設定します。

#mainwrapper {
    width:900px
    overflow: auto;  
}

フロートを使用する場合の hasLayout のことです。

于 2012-11-20T16:01:36.817 に答える