標準文檔流、浮動

文檔流

　　塊級元素和行內元素

　　　　塊級標籤：全部的容器級標籤，p標籤都是

　　　　　　特色：

　　　　　　　　會獨佔一行，同行不會出現其餘的同級標籤，

　　　　　　　　能夠設置寬高

　　　　　　　　嵌套的關係裏，子盒子不設置寬高，會自動繼承父標籤內容的寬度 100%

　　　　行內標籤：除了 p 標籤全部文本級標籤

　　　　　　特色：

　　　　　　　　不會獨佔一行，能夠和其餘標籤並排在一行

　　　　　　　　不能設置寬高。其餘的內邊距、邊框、外邊距能正常設置

　　　　　　　　不設置寬度，不會自動繼承父標籤的寬度，只能用內容撐開

　　　　有個屬性能夠在款及元素和行內元素之間進行轉換

　　　　顯示模式：display 屬性，

　　　　　　　　屬性值：塊級　　block　　經常使用

　　　　　　　　　　　　行內　　inline　　不經常使用

　　　　　　　　　　　　行內塊　　inline-block　　

　　　　脫離標準流方法：浮動、就對定位、固定定位

　浮動

　　浮動：float；讓元素以某一個方法在一行並排排列

　　做用：讓元素脫離標準流，既能夠設置寬高，又能夠一行排列

　　　　屬性值：left、right