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