我有这个小提琴:
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