一.标准文档流

   标准文档流包括：块级元素和行内元素。

(1). 块级元素

   特点： 一个元素单独一行，不与其他元素并行，可以设置其宽度和高度，如果不设置宽度，宽度默认为其父元素的100%。

 

(2). 行内元素

   特点：与其他元素并行，不能设置其宽度和高度，默认宽度为内容的宽度。

 

二.相互转换

(1). 块级元素→行内元素

　加上 display：inline。

1  2  3      4         
      5          6         14     15     16         
     
      我是一个块级元素
     
17         
     
      我是一个块级元素
     
18     

(2). 行内元素→块级元素

　加上 display：block。

            
                                     我是一个行内元素        我是一个行内元素        

三.脱离标准文档流的三种方法

   脱离标准文档流有三种方法：浮动、绝对定位、固定定位。

   

 

详见下两章： 浮动、定位。