将高度设置为与浮动在它旁边的兄弟 div 相同？答案

【问题标题】：Set height to same as sibling div floating next to it?将高度设置为与浮动在它旁边的兄弟 div 相同？
【发布时间】：2016-03-08 23:52:51
【问题描述】：

所以我有 2 个 div

目前

div#1 是 {float:left; width:48%} 并包含一些画廊装饰

div#2 是 {float:right; width:48%} 并包含一堆按钮

之后，在同一个容器中，还有一堆其他的 div 和纯文本。

所以我想做的是让 div#1 继续做它的自动高度，但我希望 div#2 的高度等于 div#1，这样我就可以垂直拉伸里面的按钮。

我无法访问该结构（埋在 php 框架深处的某个地方），我得到的只是 CSS。在我目前的限制范围内这可能吗？

【问题讨论】：

标签： html css

【解决方案1】：

申请

display: flex;

到周围的容器，然后

float: none;

致div#1和div#2。

注意：只有当父容器只包含这两个div 时，这才是可行的解决方案。

【讨论】：

万岁，我用 {display:flex; flex-wrap:wrap;} 因为我有更多的东西。在环绕模式下，它们似乎遵循可用的尺寸规格，因此 1 行为 100%，2 行为
记得点击最能帮助您解决问题的答案左侧的复选标记。

【解决方案2】：

没有看到很难确定，但我认为如果 div#1 和 div#2 都具有高度：100%，那么当 div#1 从内容“增长”时，父 div 也会如此，并且因为两个子 div（1 和 2）都是父 div 的 100% 高度，所以两者应该相等。

【讨论】：

【解决方案3】：

适用于支持 CSS3 的浏览器。

设置一个父DIV：

<div id="parent">
<div id="child_1"></div>
<div id="child_2></div>
</div>

然后在 CSS 中设置 #parent_DIV 以显示为表格 (display:table)。每个子 DIV 设置为 display:table-cell。在这种情况下，较高的 div 将设置规则。为每个（包括父级）添加边框以供试用并进行测试。

我已经把它从头脑中删除了，但通常这会起作用，包括更新的 IE 浏览器。

希望很快会有更多的例子出现。

【讨论】：