可以使第二个div浮动，但当宽度减少时下降，没有css3或js？
可以使第二个div浮动，但当宽度减少时下降，没有css3或js？
提问于 2012-01-12 04:15:06
我有两个div，如下：
流体宽度内容固定宽度内容
我正在尝试这样做，以便当可用屏幕宽度> 600px时，它们将并排出现。当屏幕大小调整到这一点以下时，第二个div需要降到第一个div的下方。在任何一种情况下，它们都需要占用所有可用的宽度(所以当第二个下降时，我不能在第一个的右边有一个200px的填充/空格)。
我相信使用JS和/或css3/media查询可以做到这一点，但我想知道是否有更简单的解决方案？
为了把它放在上下文中，我需要设计一个流畅的页面，它将通过iframe显示。我将无法控制iframe的宽度，因此需要我的两列内容是流动的。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-01-12 04:17:17
将min-width应用于不是浮动的div。如果浏览器不能满足最小宽度，将浮动框放在一边，它将向下放下浮动框，流体宽度框将填充整个宽度，直到它再次缩小到最小宽度，在这种情况下，它溢出正文。
Stack Overflow用户
发布于 2012-01-12 04:27:54
试试这个：
div
{
min-width:100px;
max-width: 150px;
background-color:yellow;
float:left;
}min-width和max-width
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8825982
复制相关文章
相似问题
腾讯云开发者
