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 进行许可。
评论
目录
CSS中浮动和定位概念区分