html中的块级元素(p,h*,table,div,etc.)是在块级元素div的基础上预设了属性,前后隐含换行,如文字粗细、位置、上下外补白、内补白等;
html中的行内元素(a,b,u,i,img,etc.)是在行内元素span的基础上预设了属性,如文字粗细、颜色等。
如果不设置块级元素的宽高,宽默认是父容器的100%(撑满一行);高由内容决定,如果没有内容则为0。即便块级元素设定的宽小于父容器的宽,也会霸占父容器的一行。
在块级元素上设置float属性,可以消除块级元素霸占一行的现象,使多个块级元素在一行显示,此时如果不设置块级元素的宽,宽由内容决定,如果没有内容则为0
行内元素的宽高由内容决定,不可单独设置,也不可设置上下内外补白;
在行内元素上设置display: block之后,则可转化为块级元素(霸占父元素的一行);