可以使第二个div浮动，但当宽度减少时会下降，没有css3或js

Question

我有两个div，如下所示：

流体宽度含量固定宽度内容

我正试图让它，当可用的屏幕宽度>600px时，它们会并排出现。当屏幕的大小调整到低于这个值时，第二个div需要下降到第一个div的下面。在任何一种情况下，它们都需要占用所有可用的宽度（所以当第二个下降时，我不能在第一个的右边有200像素的填充/空间）。

我相信使用JS和/或css3/media查询可以做到这一点，但我想知道是否有更简单的解决方案？

为了将其放在上下文中，我需要设计一个将通过iframe显示的流动页面。我将无法控制iframe的宽度，所以需要我的两列内容是流动的。

Answer 1

将min-width应用于非浮动的div。如果浏览器不能将浮动框放在一边来满足最小宽度，它会将浮动框放下，流体宽度框会填充整个宽度，直到它再次收缩到最小宽度，在这种情况下，它会溢出主体。

Answer 2

试试这个：

div
{
    min-width:100px;
    max-width: 150px;
    background-color:yellow;
    float:left;
}

CCD_ 2和CCD_ 3