对于一个span元素,它默认是行内元素。行内元素设置宽高不起作用。
width:40px;
height: 40px;
background: #333;
这个时候并不会显示出来一个40px*40px的块。
但当其css设置定位时:
width:40px;
height: 40px;
background: #333;
/*设置绝对定位*/
position:absolute;
会显示出来一个40px*40px的黑色块。
所以说行内元素设置定位后会转化为块元素?
更新:结论是会转化为行内块元素。
找到一篇详解定位的资料说: 绝对定位和固定定位的块元素和行内元素会自动转化为行内块元素
这篇文章也提到定位的特点是:给行内元素使用绝对定位之后,转换为行内块