我有两个div如下:
流体宽度内容 固定宽度的内容我正在努力做到当可用屏幕宽度大于 600 像素时，它们将并排显示。当屏幕调整到低于该尺寸时，第二个 div 需要下降到第一个 div 以下。在任何一种情况下，它们都需要占据所有可用宽度(因此当第二个下降时，我不能在第一个的右侧有 200 像素的填充/空间)。
我相信使用 JS 和/或 css3/媒体查询可以做到这一点，但我想知道是否有更简单的解决方案？
在上下文中，我需要设计一个将通过 iframe 显示的流畅页面。我将无法控制 iframe 的宽度，因此我的两列内容需要流畅。
最佳答案
将 min-width 应用于非 float 的 div。如果浏览器无法通过将 float 框放在一边来满足最小宽度，它会将 float 框放下，流体宽度框将填充整个宽度，直到它再次缩小到最小宽度为止以防溢出 body 。
关于html - 可以使第二个 div float 但在宽度减小时下降 w/o css3 或 js？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8825982/