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. 三角形