本例中的 LHS flex 子项具有 1em 填充，这将导致 RHS 溢出父项：
<div style="display: -ms-flexbox; box-sizing: border-box; width: 200px; border: 5px solid black">
<div style="padding: 1em; -ms-flex-positive: 0; -ms-flex-negative: 0; -ms-flex-preferred-size: 33%; background-color: blue; box-sizing: border-box">
LHS
</div>
<div style="-ms-flex-positive: 0; -ms-flex-negative: 0; -ms-flex-preferred-size: 67%; background-color: red; box-sizing: border-box">
RHS
</div>
</div>
这是小提琴：
http://jsfiddle.net/GY4F4/6/ http://jsfiddle.net/GY4F4/6/
当弹性子项有填充时，如何消除溢出？box-sizing: border-box不起作用。
我也遇到过类似的问题flexbox and box-sizing: border-box;。后者似乎在 IE 中不起作用。在这种情况下宽度不起作用，因为填充会改变它 - 但如果你可以使用max-width，这应该可以解决问题。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
