面试题常考&必考之--盒子模型和box-sizing(项目中经常使用)

☆樱花仙子☆ 提交于 2019-11-29 21:13:15

主要考察width的值,包括padding\border\content等属性???

box-sizing属性是css3特有的哦***

1》当box-sizing:content-box;时,跟之前的css2的属性是一样的。(也就是加上这句话,和没写这句话的效果是一样的)

代码:

 元素的宽度:

 

 

 元素的宽度为:200+10*2+15*2=250

2》当box-sizing:border-box;时,请注意喽

代码:

 

 元素的宽度:

 

 

  元素的宽度为:150+10*2+15*2=200

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!