Html 是否将高度设置为与浮动在其旁边的同级div相同?

Html 是否将高度设置为与浮动在其旁边的同级div相同?,html,css,Html,Css,所以我有两个div 目前 div1是{float:left;width:48%}并包含一些库文件 div2是{float:right;width:48%},包含一堆按钮 之后,在同一个容器中会出现一堆其他div和纯文本 所以我想做的是让div1继续做它的自动高度,但是我想让div2的高度等于div1,这样我就可以垂直地伸展里面的按钮 我无法访问隐藏在php框架深处的结构,我得到的只是CSS。这在我当前的限制范围内可能吗?适用 display: flex; 到周围的容器,然后 float: no

所以我有两个div

目前

div1是{float:left;width:48%}并包含一些库文件

div2是{float:right;width:48%},包含一堆按钮

之后,在同一个容器中会出现一堆其他div和纯文本

所以我想做的是让div1继续做它的自动高度,但是我想让div2的高度等于div1,这样我就可以垂直地伸展里面的按钮

我无法访问隐藏在php框架深处的结构,我得到的只是CSS。这在我当前的限制范围内可能吗?

适用

display: flex;
到周围的容器,然后

float: none;
到div1和div2

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


很难说清楚,但我认为如果div1和div2都有高度:100%,那么当div1从内容开始增长时,父div也会增长,并且因为子div1和子div2都是父div的100%高度,所以两者的增长应该相等。

对于支持CSS3的浏览器

设置父DIV:

<div id="parent">
<div id="child_1"></div>
<div id="child_2></div>
</div>
然后在CSS中设置parent_DIV以显示为table display:table。设置为显示的每个子DIV:表格单元格。 在这种情况下,较高的div将设置规则。 将边框添加到每个(包括父项)以供试用并测试

我已经把它从头上拉了下来,但一般来说,这将工作,包括较新的IE浏览器

这里有更多的细节:


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

万岁,我用{display:flex;flex-wrap:wrap;}完成了它,因为我有更多的东西在里面。在换行模式下,它们似乎遵循其可用的尺寸规格,因此100%为1行,请记住单击答案左侧最有助于解决问题的复选标记。