2026年前端CSS面试题及详细答案（贴合实际开发）.docxVIP

2026年前端CSS面试题及详细答案（贴合实际开发）

一、单项选择题（共20题，每题3分，共60分）

答题说明：每题只有一个正确答案，选出最符合题意的选项。

1.下列关于CSS3中box-sizing属性的说法，错误的是（）

A.box-sizing:content-box;是默认值，元素宽度=content宽度+padding+border

B.box-sizing:border-box;元素宽度=content宽度（包含padding和border）

C.box-sizing:inherit;表示继承父元素的box-sizing属性值

D.box-sizing:border-box;会使padding和border不再影响元素的总宽度和总高度

答案：D

解析：box-sizing:border-box;的作用是将padding和border计算在元素的width和height之内，并非“不再影响”，而是影响的方式改变——原本content-box中，padding和border会额外增加元素总宽高，而border-box中，padding和border会挤压content的宽度/高度，元素总宽高保持固定。例如：一个div设置width:200px，padding:10px，border:1pxsolid#000，content-box