div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为
一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行
内元素”，这是因为它们的内容显示在行中，即“行内框”。
CSS 有三种基本的定位机制：普通流、浮动和绝对定位。
除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中
的元素的位置由元素在 (X)HTML 中的位置决定。
CSS position 属性：
static relative absolute fixed
css相对定位
绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相
对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为
元素的位置相对于它在普通流中的位置。
css浮动
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个
浮动框的边框为止。
由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得
就像浮动框不存在一样。
inline：块级元素转行内元素
block：1、隐藏元素显示2、转块级元素
inline-block：两者都包含