前端CSS高频面试题附答案（2023）

• 什么是CSS Box模型？它有哪些组成部分？

        CSS Box模型是指用于计算网页布局中元素大小、位置和边距的一种模型。它由四个组成部分组成：内容区域（即元素的实际内容）、内边距（元素周围的空白区域）、边框和外边距。

• 什么是BFC（块级格式化上下文）？它有什么作用？

        BFC是块级格式化上下文的缩写，是用来定义网页布局的一种模式。每个BFC都是一个独立的容器，不会受到外部元素的影响。可以通过触发BFC来解决一些常见的布局问题，如清除浮动、避免外边距合并等。

• 如何清除浮动？

        使用clear属性来清除浮动，将clear属性设置为left、right、both或none。也可以使用clearfix技巧，在父元素中添加一个伪元素设置clear:both来清除浮动。

• 如何实现垂直水平居中？

        使用flex布局，将要居中的元素的父元素设置为display:flex，并设置justify-content和align-items属性为center。也可以使用绝对定位，将要居中的元素的左上角坐标设置为50%，并设置m