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

时间:2018-08-23 08:35:18

标签: css3 flexbox

我试图仅控制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 个答案:

没有答案