html - 扩展 float div的宽度

标签 html css

给定两个 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/

相关文章:

html - CSS-通过将 div 放在 <a href=#> 中使整个 Div 可点击不起作用

jquery - 如何修复 CSS 下拉列表动画?

javascript - Jquery 每个函数都以 div 的子代为目标

jquery 添加 css 到头部

css - Bootstrap v3.3.0 - 侧面导航

php - 最近采访 Q - 为多个用户操作页面上的对象?

javascript - 默认选项卡不适用于 JavaScript

html - CSS 样式表和自定义字体

javascript - 是否可以从附加的 HTML 中将某些内容返回给函数?

javascript - getUserMedia 在 Chrome 中不起作用