脱离标准流的条件:
position: fixed
position: absolute
float: right / left
所以脱离标准流的特点:
- 可以设置宽高
- 默认的宽高是由内容决定的
- 不在遵循标准流
- 不在给父元素汇报宽高
这是官网上解释脱离标准流之后,与display之间的转化。大部分都是转化为display: block
,少部分转为display:table
,但是都是块级元素
display: block内部的实现原理
auto
height: auto
一般来说,没有脱离标准流,就是直接继承父元素的宽高,但是脱离标准流之后 (大致意思就是找不到父元素),就不在是继承父元素的宽高,而是根据内容来撑开宽高了