css3 - 控制身高和边框底部弹性子项的方法

我试图仅控制flex-child 2的边框底部。因此，如果我给出display：flex设置为parent的柔性，border设置为两个child的边界，则边框的大小将保持不变，这取决于任何子div的高度。

我不想增加孩子2的身高（边界底部）作为孩子1，但我希望它的高度仅作为内容。

.one {
  border: 1px solid black;
}

.parent {
  display: flex;
}

.two {
  border: 1px solid;
}

<html>

<body>
  <div class="parent">
    <div class="one">
      Testing One<br> Testing One<br> Testing One<br> Testing One
    </div>
    <div class="two">
      Testing Two
    </div>
  </div>
</body>

</html>

真的可以使用flexbox

控制身高和边框底部弹性子项的方法

0 个答案: