我有两个孩子<div>父容器内的元素<div>如图所示：
<div class="row">
<div class="item">
<p>Sup?</p>
</div>
<div class="item">
<p>Sup?</p>
<p>Wish that other guy was the same height as me</p>
</div>
</div>
我尝试了以下CSS：
.item {
background: rgba(0,0,0,0.1);
display: inline-block;
}
.row {
border: 1px solid red;
}
我怎样才能得到两个孩子（div.item) 是最高的孩子的身高？
js小提琴：http://jsfiddle.net/7m4f7/ http://jsfiddle.net/7m4f7/
一种解决方案是更改显示值inline-block to table-cell为子孙div.item要素：
.row {
border: 1px solid red;
display: table;
border-spacing: 20px; /* For controlling spacing between cells... */
}
.item {
background: rgba(0,0,0,0.1);
display: table-cell;
}
Example http://jsfiddle.net/7m4f7/6/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
