logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

flex:1与flex-grow:1最简单的区别与计算

一、flex的宽度计算方式是容器剩余空间+具有flex属性的元素自身尺寸:例如在一个width:400px的容器中,有a、b、c 三个width:100px的元素,给a元素flex:2的属性,给b元素flex:1的属性,不给c元素。计算宽度是:剩余空间(400px-300px):100px + 参与flex项目尺寸200px=300px再按3份的比例给a2份,b1份。最后:a:width:200p

#css#css3#html5 +1
到底了