记录一个flex布局下宽度溢出且不会换行的问题_flex 不换行超出100%

作者：我家小花儿 | 2024-03-14 13:41:08

踩

flex 不换行超出100%

最近在开发当中遇到了一个属于浏览器的bug：

在flex元素下，如果子元素使用display：table并且设置宽度为100%时会出现超出flex元素的情况，并且设置flex-wrap：wrap属性也不会产生换行


<div style="display: flex;">
    <div>left</div>
    <div style="flex: 1;display: table;width: 100%;background: red;">right</div>
</div>

之前发先这个bug的时候设置overflow：hidden都无法隐藏掉溢出的部分（目前在我的浏览器上已经显示正常）

特此记录一下

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/234880