我正在尝试使用div创建两列布局。 父div是X像素，然后它具有太子div，每个div占父亲宽度的某个％。
当我在不使用javascript的情况下减小浏览器的宽度时，我希望div2在div1下包装。
自：
这是我到目前为止所做的，我该怎么做才能实现这个目标？
<html>
<body>
<div style="width:200px; margin-top: 30px; border: 1px solid green; overflow: auto;">
<div style="background-color:red; width:100px; float:left;" >
test
</div>
<div style="background-color:yellow;">
test2
</div>
</div>
</body>
</html>
提前致谢！
答案 0 :(得分：2)
你需要浮动两个div。
<强> CSS
.container div {
padding: 20px;
float: left;
border:1px solid #aaa;
}
<强> HTML
<div class="container">
<div>test1</div>
<div>test2</div>
</div>
这是 demo 。