0

那么基本的想法是让包装器根据孩子的高度自动扩展高度。但问题是菜单子项有一个浮动属性，如果它比内容大 - 它只是伸出来，你可以通过加载代码看到这一点。我不喜欢玩相对位置，表格单元格。如果我在包装器上设置 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 回答