两列高度同步变化 float

高度较小的一列随着高度较高的一列同步变化

by DarcyAn

HTML

<div class="parent">
  <div class="left"><p>left</p></div>
  <div class="right"><p>right</p></div>
</div>

CSS

.parent{
  overflow: hidden;
}
.left {
  float: left;
  width: 100px;
  margin-right: 20px;
  background: yellow;
}
.right {
  height: 100px;
  overflow: hidden;
  background: pink;
}
.left, .right {
  padding-bottom: 9999px;
  margin-bottom: -9999px;
}