0

基本的な考え方は、子供の身長に応じてラッパーの高さを自動的に拡張することです。ただし、問題は、メニューの子に float 属性があることです。コンテンツよりも大きい場合は、単にはみ出しています。これは、コードをロードすることで確認できます。相対的な位置、テーブルセルで遊ぶのは好きではありません..そして、ラッパーに float:left を設定すると、何らかの理由で実際にマークアップ全体にバグが発生します. これを行う他の方法はありますか？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <style>
            div.wrap{
                background-color:grey;
                padding:5px;
            }
            div.left{
                background-color:orange;
                float:left;
                width:200px;
                height:400px;
            }
            div.content{
                margin-left:200px;
                height:200px;
                background-color:white;
            }
        </style>
    </head>
    <body>
        <div class="wrap">
            <div class="left">
                Menu
            </div>
            <div class="content">
                Text
            </div>
        </div>
    </body>
</html>
4

1 に答える 1

2

内部div.wrap：

<div class="clear"></div>

内部<style>：

div.clear{
    clear:both;
}
于 2012-05-08T20:49:13.420 に答える