＃css 規定的定位機制有三種：
標準文件流（normal flow）
浮動（floats）
絕對定位（absolute positioning）
＃標準文件流（normal flow）
特點:
1.從上倒下，從左到右，輸出文件內容；
2.有會計元素和航跡元素組成。
＃塊級元素
特點:
1.從左到右撐滿頁面，獨佔一行；
2.觸碰到頁面邊緣時，自動換行。
常見塊級元素：
div、ul 、li 、dl 、dt 、p ...
＃行級元素
特點:
1.能在同一行內顯示；
2.不會改變html文件結構。
常見行級元素：
span、strong、omg、input
＃塊級元素 和 行級元素 都是盒子模型
從第一層到第五層依次為：
border、content+padding、background-image、background-color、margin。
＃自動居中一列布局
三個技能點：
1.標準文件流
2.塊級元素
3.margin屬性
#warp
如果想讓頁面自動居中，當設定margin屬性為auto的時候，不能再設定浮動活或絕對定位屬性id="warp"
>
＃浮動布局 （css中規定的第二種定位機制）
float 屬性：
1.left － 左浮動
2.right －右浮動
3.none －不浮動
特點：
元素會左移，或右移，直至觸碰到容器為止。
設定了浮動元素，仍舊處於標準文件流中。
當元素沒有設定寬度值，而設定了浮動屬性，元素的寬度隨內容的變化而變化。
當元素設定浮動屬性後，會對相鄰的元素產生影響，相鄰元素特指緊鄰後面的元素。
＃清除浮動的常用方法
1.clear屬性－常用
clear:both／left ／right；
2.同時設定 width:100%（或固定寬度）＋overflow:hidden;
＃絕對定位布局
position定位：
擁有3種定位形式：
1.靜態定位 static;
2.相對定位 relative;
3.絕對定位 absolute( 絕對定位) ,fixed(固定定位 )。
＃相對定位
特點：
1.相對於自身原有位置進行偏移；
2.仍處於標準檔案流中；
3.隨即擁有偏移屬性和z-index屬性。
＃絕對定位
特點：
1.建立了以包含塊為基準的定位；
2.完全脫離了標準文件流。
3.隨即擁有偏移屬性和z-index屬性。
@未設定偏移量
特點：1.無論是否存在已定位祖先元素，都保持在元素初始位置。
2.脫離了標準檔案流。
@設定偏移量
偏移參照基準：
1.無已定位祖先元素，以為偏移參照基準。
2.有已定位祖先元素，以距其最近的已定位祖先元素為偏移參照基準。
學習css布局
1 display block inline 塊級元素，行內元素 包裹一些文字，不會打亂布局 2 main 設定自動居中 左右外邊距 main 3 盒子模型 margin padding border content 設定 box sizing border box後，元素的內邊距和邊框不會再改變元...
css布局學習
絕對定位 position absolute1 絕對定位是基於最近的乙個定位了的父容器 2 如果沒有父容器沒有定位的情況 正常文字a 正常文字b 正常文字c 正常文字d 正常文字e 正常文字f 正常文字g 這個div沒有定位 絕對定位的文字 出現結果 通過絕對定位可以把乙個元素放在另乙個元素上，這樣...
《學習CSS布局》學習筆記
近幾天做了乙個小的企業展示 雖然頁面是在模板的基礎上改的，但改的多了不熟悉css也很麻煩。正好我看到了學習css布局這個 於是補習了一下css知識。css的元素分為兩類 塊級元素和行內元素。display屬性就是控制元素的表現形式，它的值包括inline block和none等。none通常用於在不...