行内元素在设置float后,就可以设置width和height

由CSS2.1规范中规定:

‘float’
Value: left | right | none | inherit
Initial: none
Applies to: 所有(元素),除了9.7描述的
Inherited: no
Percentages: N/A
Media: visual
Computed value: 与指定值相同
该属性指定了一个盒应该向左浮动,向右浮动还是不浮动。可以给任何元素设置,但只会应用于生成了非绝对定位盒(的元素)。属性值的含义如下:
left
元素会生成一个向左浮动的块盒。其它内容排列在盒的右侧,从top开始(见’clear’属性)
right
与’left’类似,但盒向右浮动,并且其它内容排列在盒的左侧,从top开始
none
盒不浮动

所以在一个行内元素指定float:left;后,该行内元素转化为块元素,所以可以设置行高了。

    原文作者:puhongru
    原文地址: https://segmentfault.com/a/1190000008030978
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞