前端常用的css面试题

1. 清除浮动的方案
元素浮动是会脱离文档流的

2. 给父元素添加
overflow : hidden

2. 标准盒模型和怪异盒模型
怪异盒模型又被称为IE盒子
标准盒模型的 width = 自身的width + padding + margin + border
怪异盒模型 width = 设置的width = 自身的width + padding + margin + border
总结就是 设置了一个盒子 100px
怪异盒子的话就是width + padding + margin + border == 100px
标准盒子 width = 100px + padding + margin + border

如何将标准盒模型转化成怪异盒模型？

	border-sizing: border-box

3. 元素的居中

flex布局
margin
transform + position： absolute

4. rem rpx em px 区别

px 物理像素
em 会继承父级元素的字体大小
rem是CSS3新增的一个相对单位（root em，根em)
rpx 是微信小程序解决自适应屏幕尺寸的尺寸单位。
375px = 750rpx

5.适配问题

就是rpx的使用

6.响应式布局

百分比布局
flex布局
rem布局 + 媒体查询

7. 三角形