浮动
- 一.常见网页布局
- 1.三种布局方式
- 2.布局准则
- 二.浮动(float)
- 1.好处
- 2.概念
- 3.三大特性
- 4.使用
- 5.常见网页布局模板
- 6.注意点
- 三.清除浮动
- 1.why
- 2.本质
- 3.语法
- 4.四种way(后三个都是给父级添加)
- 清除浮动总结
一.常见网页布局
1.三种布局方式
标准流/普通流/文档流
浮动
定位
2.布局准则
二.浮动(float)
1.好处
普通流盒子中间默认有空隙且不知道空隙大小,有些布局普通流做不到,浮动可以方便控制盒子间的空隙
2.概念
3.三大特性
(1)脱标
(2)一行内显示且顶端对齐
(3)具有行内块特征
4.使用
5.常见网页布局模板
6.注意点
三.清除浮动
1.why
2.本质
3.语法
应用
4.四种way(后三个都是给父级添加)
(1)额外标签法(空标签必须是块级元素)
(2)overflow
(3):after伪元素发(复制调用)
(4)双伪元素(复制调用)