div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为

    一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行

    内元素”，这是因为它们的内容显示在行中，即“行内框”。    

    CSS 有三种基本的定位机制：普通流、浮动和绝对定位。

    除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中

    的元素的位置由元素在 (X)HTML 中的位置决定。

    CSS position 属性：

    static   relative     absolute   fixed

    css相对定位

    绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相

    对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为

    元素的位置相对于它在普通流中的位置。

    

    css浮动

    浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个

    浮动框的边框为止。

    由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得

    就像浮动框不存在一样。

    

    inline：块级元素转行内元素

    block：1、隐藏元素显示2、转块级元素

    inline-block：两者都包含