【块级元素、行内元素、行内块元素（详解css的display属性）】

块级元素、行内元素、行内块元素（详解css的display属性）

块级元素：display：block；独占一行。

可以设置元素的height、width，不设置宽度，块级元素会默认填满父级元素的宽度。
可以设置padding、margin各个属性值，top、left、bottom、right都能产生边距效果

行内元素：display：inline；可以与其他行内元素共享一行。

不可以设置元素的height、width值，大小由内容撑开
可以使用padding，padding的top、bottom、left、right都有效，margin只有left、 right产生边距效果，top、bottom不生效。

行内块元素：display：inline-block

融合了块级元素和行内元素的特点：
拥有行内元素的特点，可以与其他元素共享一行，不会独占一行
可以设置height、width、padding、margin属性值
在同一行内有不同高度内容的元素时，通常要设置对齐方式如vertical-align: top;来使元素顶部对齐

给块级元素<table>设置display:inline-block使其变成行内块元素，让两个table处于一行并列显示。