最近在开发当中遇到了一个属于浏览器的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都无法隐藏掉溢出的部分(目前在我的浏览器上已经显示正常)
特此记录一下