关于css:CSS布局

1、布局

1) 默认文档流
    1. 元素在网页中显示的程序与元素在代码中呈现的程序统一
    2. 块级元素独占一行空间
    3. 行内元素与其余元素共享一行空间

2) 扭转默认布局
    1. float：left/right
        浮动布局，采纳浮动布局的元素会向左或者向右挪动           
        留神：1、元素应用了浮动之后，会脱离文档流, 从左向右排列，以后行宽度不够会主动换行
            2、应用了浮动之后的元素，宽高由内容决定
            3、元素在网页中本来的地位会被其余块级元素代替
            4、应用了浮动之后的元素，其父元素的高度因为失去了撑持，所以变为 0
            
 革除浮动的形式:
    1. 
        浮动元素的父元素::after {
            clear:both;
            content:'';
            display:block;
        }
    2. 
        浮动元素的父元素 {overflow:hidden;}
    3. 
        浮动元素的兄弟元素 {
            clear:both;
            content:'';
        }