定位使行内元素转化为块元素?

446 阅读1分钟

对于一个span元素,它默认是行内元素。行内元素设置宽高不起作用。

width40px;
height: 40px;
background: #333;

这个时候并不会显示出来一个40px*40px的块。

但当其css设置定位时:

width40px;
height: 40px;
background: #333;
/*设置绝对定位*/
position:absolute;

会显示出来一个40px*40px的黑色块。

所以说行内元素设置定位后会转化为块元素?

更新:结论是会转化为行内块元素。


找到一篇详解定位的资料说: 绝对定位和固定定位的块元素和行内元素会自动转化为行内块元素

这篇文章也提到定位的特点是:给行内元素使用绝对定位之后,转换为行内块