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

Stack Overflow用户

提问于 2012-01-12 04:15:06

回答 2查看 730关注 0票数 0

我有两个div，如下：

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

我正在尝试这样做，以便当可用屏幕宽度> 600px时，它们将并排出现。当屏幕大小调整到这一点以下时，第二个div需要降到第一个div的下方。在任何一种情况下，它们都需要占用所有可用的宽度(所以当第二个下降时，我不能在第一个的右边有一个200px的填充/空格)。

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

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

发布于 2012-01-12 04:27:54

试试这个：

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

min-width和max-width

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8825982

复制

相似问题

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