块,行内块,行内元素三者关系

块:

display:block;

height:auto;

width:100%         默认值. width & height 可设置   还有垂直外边距合并规则  :  同胞两元素margin会合并,以大值显示;  包含时 : 如果父元素没有border || padding  子元素margin会合并消失

元素前后带<br>

 

行内块

display:inline-block

height:auto

width:auto       默认值 .  width & height 可设置

元素前后不带<br>  碰到content边界默认换行

 

行内元素

display:inline

height:auto

width:auto　　默认值 .  width & height 不可设置  ;特殊情况可通过line-height属性 来改变高度

元素前后带<br>  碰到content边界默认换行