大佬帮忙看下flex布局的问题

一个container容器，宽高固定。然后里面一个ul,ul使用flex布局，宽高继承100%。
ul里面四个li标签，宽高继承ul的48%，两个换行。还剩4%的宽高当作 li 的外边距，但是最后li 会超出ul

不感兴趣

开通SVIP免广告

这里就会超出

边框

？审查一下元素盒模型不就好了？

这种一般就盒子模型搞得鬼，li自带padding，建议全局初始化一下css，确认用一种盒子模型。
ps：这里你要用content-box而不是boder-box

不感兴趣

开通SVIP免广告

宽高都正常的，搞不明白了

换了div也是一样

我知道了，那个margin的4%是按宽度算的

冷知识：子元素用pding，margin等用百分比拿的都是宽的百分比，你这里margin-bottom是20，而不是400*4%=16

不感兴趣

开通SVIP免广告

关于flex布局的问题你可以问一问交流群930943456群里回复蛮快的，对于我来说很大的帮助

下载贴吧APP
看高清直播、视频！

分享到: