質問: divの高さをその内容で拡大する 私はこれらの入れ子になったdivを持っていて、内部のdivを収容するために(高さで)拡張するためのメインコンテナが必要です <!-- head --> ... <!-- /head --> <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic banner etc. --> </div> <div id="main_content"> <!-- this div _should_ stretch to accomodate inner divs --> <div id="items_list" class="items_list ui-sortable"> <div id="item_35" class="item_details"> </div> <div id="item_36" class="item_details"> </div> <div id="item_37" class="item_details"> </div> <!-- this list of divs "item_xx" goes on for a while each one representing a photo with name, caption etcetc --> </div> </div> <br class="clear"/> <div id="footer"> </div> </body> </html> cssはこれです:* { padding: 0; margin: 0; } .main { font: 100% verdana, arial, helvetica, sans-serif; background: #4c5462; margin: 0; padding: 0; text-align: center; color: #000000; } .main #container { height: auto; width: 46em; background: #4c5462; margin: 0 auto; border: 0px solid #000000; text-align: left; } .main #main_content { padding: 5px; margin: 0px; } #items_list { width: 400px; float: left; } .items_list { width: 400px; float: left; } .item_details { margin-top: 3px; margin-bottom: 3px; padding: 3px; float: left; border-bottom: 0.5px solid blue; } 私が抱えている問題は、#main_contentがすべての内側のdivに対応するように広がっていないということです。どうすればこれを解決できますか?
回答: 以下を追加してください。overflow:hidden; height:1%; あなたの主divに。明確にするための余分な<br />の必要性を排除します。