给定两个 float div,当并排对齐时,其宽度占其容器的 50%,当屏幕缩小到第二个 div 必须所在的位置时,是否可以将其宽度一直延伸到 100%向下推一排?
采取以下codepen例如,水平缩小窗口,直到绿色 div 及其容器移到红色 div 下方。是否可以将 #wrap1
和 #wrap2
的宽度一直延伸到 #container
的右侧,以便 #one
和 #two
相对于 #container
居中吗?即它看起来像 this 。
最佳答案
如果您不使用动态宽度,则可以添加媒体查询来更改换行位置上的容器行为。
否则你需要引用flexbox行为 – this guide by Dimitar Stojanov有一些关于包装的例子。
[编辑:]固定链接。
关于html - 扩展 float div的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31588826/