两列高度同步变化 flex

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

by DarcyAn

HTML

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

CSS

.parent{
  display: flex;
}
.left {
  width: 100px;
  margin-right: 20px;
  background: yellow;
}
.right {
  flex: 1;
  height: 100px;
  background: pink;
}
p {
  
  margin: 0;
}