左右两列同高

实现左右两个div高度随着另一个div高度的变化而变化,取最大值

<div class="content">
  <div class="left"></div>
  <div class="right"></div>
</div>

下面上css

.content {
  display: table;
}
.left {
  display: table-cell;
  width: 200px;
  /*如果两个div需要隔开,我们可以设置div的边框*/
  border-right: 20px solid #f2f2f2;
}
.right {
  display: table-cell;
  vertical-align: top;
  width: 550px;
}

猜你喜欢

转载自www.cnblogs.com/kdcg/p/9100191.html