CSS定位内容

div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为
    一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行
    内元素”，这是因为它们的内容显示在行中，即“行内框”。    
    CSS 有三种基本的定位机制：普通流、浮动和绝对定位。
    除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中
    的元素的位置由元素在 (X)HTML 中的位置决定。
    CSS position 属性：
    static   relative     absolute   fixed

    css相对定位
    绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相
    对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为
    元素的位置相对于它在普通流中的位置。
    
    css浮动
    浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个
    浮动框的边框为止。
    由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得
    就像浮动框不存在一样。
    
    inline：块级元素转行内元素
    block：1、隐藏元素显示2、转块级元素
    inline-block：两者都包含