HTML行内元素设置物理属性(宽高)的几种方式

在CSS的世界里有三种形态的元素:
1.行内元素
2.块元素
3.即是块又是行内的元素，根据兄弟元素确定
一般情况下，行内元素是不能直接设置width和height的，不具有物理属性，这也是它不占据一行的原因。行内元素一般用margin与padding设置大小。要让行内元素拥有物理属性，可以设置宽高，有以下三种方式：

1.display:block;
2.display:inline-block;
3.float:left;

其中第一和第二种方式比较好理解：
行内元素—>块元素：display:block/inline-block;
块元素—>行内元素：display:inline;
第三种方式是隐形的将行内元素进行了转化。加了float:left;就相当于
display:block;
float:left;
用第三种方式比较方便。