我想创建一个,浏览器为中心,接壤,包装,在各地的各种div的高度autoexpands.当使用浮动来保持div在线时,包装器在第一个div之后停止.善待,这可能是也可能不是正确的方法,但这就是我在这里的原因.
这是一个简单的例子.
<head>
<style type="text/css">
<!--
#wrapper {
height: 100%;
width: 800px;
border: 1px solid #000;
margin-right: auto;
margin-left: auto;
}
#header {
height: 100px;
width: 800px;
}
#column1 {
width: 300px;
height: 400px;
float: left;
}
#column2 {
height: 400px;
width: 300px;
float: left;
}
#navbox {
float: left;
width: 200px;
height: 400px;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="header">test header</div>
<div id="navbox">test navbox</div>
<div id="column1">test column1</div>
<div id="column2">test column2</div>
</div><!--Close_wrapper-->
</body>
</html>
Pek*_*ica 22
通常包含float和包含wrap一个句子的问题的答案
overflow: auto
:)
如果你想让你的包装器自动扩展高度,那就应该这样做.
您可以添加类似<br style="clear:both" />的内容作为包装器中的最后一个元素,以强制它包裹内容流之外的元素.
<div id="wrapper">
<div id="header">test header</div>
<div id="navbox">test navbox</div>
<div id="column1">test column1</div>
<div id="column2">test column2</div>
<br style="clear:both" />
</div><!--Close_wrapper-->