CSS宽度高度-定位

1. 元素分类

通过设置display的属性值（inline/block/inline-block）修改元素的类型

1.1 行内元素

   行内元素对应的框叫做行内框，行内框在一行中水平分布，水平外边距(margin-left/right)、水平内边距（padding-left/right）都有效；垂直外边距（margin-top/bottom）无效（一般通过line-height代替），垂直内边距（padding-top/bottom）有效。

   默认宽度为内容所占宽度，width属性和height属性无效。

1.2 块级元素

   块级元素对应的框叫做块级框，块级框单独占一行，从上到下一个接一个地排列，垂直和水平的外边距和内边距都有效。

   默认宽度为父框全部宽度，width属性和height属性有效。

1.3 行内块级元素

2种方式可以设置元素为行内块元素：
 1 设置display为inline-block；
 2 行内元素position为absolute或fixed（注意没有relative）

   行内块级元素对应的框叫行内块框，和其他行内元素在同一行内水平排列，垂直和水平的外边距和内边距都有效。

   默认宽度为内容所占宽度，width属性和height属性有效。