CSS之盒模型
盒模型有两种类型:标准(W3C)盒模型、IE盒模型,如下图
盒模型包括:content(内容)、padding(内边距)、边框(border)、margin(外边距),
两者区别在于content不同:
标准盒模型width=content=200px,
IE盒模型width=content+padding+border=200px+30px*2+5px*2=270px,
那么问题来了,如何自由切换盒模型呢?很简单的设置css3的box-sizing属性即可,
标准盒模型 box-sizing:content-box;(默认content-box)
IE盒模型:box-sizing:border-box;
啦啦啦,希望可以帮到小伙伴们呦~~
还没有评论,来说两句吧...