占用父盒子剩余宽度不够导致子盒子换行的问题和解决方法 SwordQiu 2020-08-08 178 阅读1分钟 说明 在float平均布局下,会遇到一个问题 描述:当父盒子宽度为800px 而子盒子宽度为191px,margin-right为12px,可以计算出4个子盒子最后的结果为(191+12)*4 = 812,因为父盒子只有800,所以子盒子没办法占父盒子的剩余宽度,所以往下一行展示了 解决方法 1、再加一个父盒子,然后设置宽度为812px 2、使用负数的margin 如图下,给父盒子添加margin-right:-12px即可完成