CSS中浮动和定位概念区分
首先明确元素进行布局时的两个状态：
脱离文档流：该元素不进行占位，其他元素在其下方排列。
脱离文本流：文字是否会在其周围进行环绕布局
| 脱离文档流 | 脱离文本流 | |
|---|---|---|
| float | 是√ | 否× |
| absolute | 是√ | 是√ |
| relative | 是√ | 是√ |
| fixed | 否× | 是√ |
对父元素overflow: hidden进行清除浮动，在脱离文档流的方式中只对float有效，其他两种absolute、fixed无效，即无法撑开父级高度
- 标题: CSS中浮动和定位概念区分
- 作者: JiangWen
- 创建于 : 2020-02-28 12:15:00
- 更新于 : 2024-06-26 03:34:12
- 链接: https://blog.jiangwen.site/2020/02/28/CSS/CSS中浮动和定位概念区分/
- 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
评论