脱离标准流与display的转化

脱离标准流的条件:

position: fixed
position: absolute
float: right / left

所以脱离标准流的特点:

  • 可以设置宽高
  • 默认的宽高是由内容决定的
  • 不在遵循标准流
  • 不在给父元素汇报宽高

这是官网上解释脱离标准流之后,与display之间的转化。大部分都是转化为display: block,少部分转为display:table,但是都是块级元素

display: block内部的实现原理

auto

height: auto

一般来说,没有脱离标准流,就是直接继承父元素的宽高,但是脱离标准流之后 (大致意思就是找不到父元素),就不在是继承父元素的宽高,而是根据内容来撑开宽高了

原文地址:https://www.cnblogs.com/xyf724/p/13362033.html