CSS中浮动和定位概念区分

CSS中浮动和定位概念区分

JiangWen Master

首先明确元素进行布局时的两个状态:

​ 脱离文档流:该元素不进行占位,其他元素在其下方排列。

​ 脱离文本流:文字是否会在其周围进行环绕布局

脱离文档流脱离文本流
float 是√否 ×
absolute 是√是√
relative 是√是√
fixed 否 × 是√

对父元素 overflow: hidden 进行清除浮动,在脱离文档流的方式中只对 float 有效,其他两种 absolutefixed 无效,即无法撑开父级高度

  • 标题: 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 进行许可。
评论
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v3.2.2
目录
CSS中浮动和定位概念区分