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

Posted snowbxb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了面试题常考&必考之--盒子模型和box-sizing(项目中经常使用)相关的知识,希望对你有一定的参考价值。

主要考察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

 

以上是关于面试题常考&必考之--盒子模型和box-sizing(项目中经常使用)的主要内容,如果未能解决你的问题,请参考以下文章

python面试题常考的超市购物车系统

HTTP常见的状态码——面试题常考

网络工程师考试上午题常考哪些内容

网络工程师考试下午题常考哪些内容

Java必考题目之JVM面试题目和答案

Java必考题目之JVM面试题目和答案