减小窗口屏幕大小时浮动div

Question

我在减小窗口屏幕尺寸时遇到浮动div的问题。我想要实现的是我有两个div并排，两个div都向左浮动。当我减少浏览器窗口的屏幕大小时，右侧div将移动到左侧div的底部。请看下面的截图：

首先，两个div并排显示。减小浏览器窗口大小后，右侧div内容将移动到左侧div的底部。

Answer 1

使用父div，并修正子项的大小：http://jsfiddle.net/zV9ea/

Answer 2

您需要使用容器。

例如

HTML

<div id="container">
  <div class="left"> Hello </div>
  <div class="right"> World </div>
</div>

CSS

#container {
  width: 100%;
  margin: 0 auto;
}

#container .left {
  width: 200px;
  background-color: pink;
  float: left;
}

#container .right {
  width: 760px;
  background-color: blue;
  float: left;
}

查看直播：http://jsfiddle.net/s8wfx/