行内元素在定位或者浮动之后可以设置宽高

行内元素在正常情况下是无法设置宽高的,需要通过内容来撑开,可使用display:block方法强制转换类型,则设置的宽高有效。

行内本质是不可以设置宽高的,但是在当前元素脱离文档流之后就可以设置宽高(当前元素在页面上不占位)

  1 display: block  inline-block

  2 position:absolute fixed

  3 float:left right

行内元素在定位或者浮动之后可以设置宽高(脱离文档流):

设置float浮动会隐式修改元素的display为block,脱离文档流之后,由于子元素脱离父元素,不再继承父元素的宽高,所以也就不再有块级元素独占一行的说法了,所以浮动之后元素会从左到右按照自身的宽高一次排列。

定位和浮动之后元素display按照block计算

网上所描述的inline-block是错误的,绝对与固定定位也是隐式修改display为block

BFC适用对象为块级box,不可用BFC来解释。

你可能感兴趣的:(行内元素在定位或者浮动之后可以设置宽高)