我有这个小提琴:

http://codepen.io/FezVrasta/pen/rOvpqL

<div class="r1"></div>
<div class="r2"><button>toggle</button></div>
<div class="r1 target"></div>


在flexbox中有3个div的地方,每个div的底部都有一个边距。
这些div之一可以切换(隐藏/显示)。

问题在于,第一个div不应在理论上更改其大小,但实际上会更改。
我认为问题在于弹性不考虑利润率。

是否有使用flex的解决方案?

最佳答案

在这种情况下,当您删除底部元素时(对应于元素的margin-bottom),flexbox-layout会丢失10px。

您可以克服在flex-basis: 10px中添加.r3的问题。这将补偿丢失的10px。

pen

10-05 20:25
查看更多