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

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

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

left
right

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

特此记录一下

你可能感兴趣的:(HTML+CSS,html,css)