浮动
- 一.常见网页布局
- 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)双伪元素(复制调用)
 
清除浮动总结












![[嵌入式系统-33]:RT-Thread -18- 新手指南:三种不同的版本、三阶段学习路径](https://img-blog.csdnimg.cn/direct/8f13e2ae00a346afaf1720ea4c921455.png)





![Python算法题集_实现 Trie [前缀树]](https://img-blog.csdnimg.cn/direct/5a897d6e99aa4f639286febc56714d68.png#pic_left)

