css提供三種機制來設定盒子的擺放位置，分別是普通流、浮動、定位，其中，1.普通流（標準流）
2.浮動
概念：元素的浮動是指設定了浮動屬性的元素會脫離標準普通流的控制，移動到其父元素中指定位置的過程。
與兄弟盒子的關係
*注：當元素新增浮動後，會具有行內塊級元素的特性–元素的大小取決於：內容的大小和元素內部的內容
關於處理浮動後帶來的後果
3.定位
將盒子定在瀏覽器的某乙個位置——css 離不開定位，特別是後面的 js 特效。1.頁面常見的三種布局方式
版心布局版心：寬度超過頁面的一半，並且在頁面中水平居中
通欄布局
通欄：高度不到頁面的一半，寬度和也面一樣寬
分欄布局 左右分類
清除浮動並不是清除浮動，而是清除浮動後帶來得影響清除浮動的方式：
1.給父元素新增overflow：hidden；
2.額外標籤法
3.偽元素清除
偽元素：在html 結構中沒有，在瀏覽器載入完頁面後，在瀏覽器中的顯示結構中有::before / ::after ==> 必須要新增給父元素而且要設定content：「 」
.clearfix::after
.clearfix
.clearfix::before,.clearfix::after
.clearfix
CSS的三種布局模式
css常見的三種布局模式有 流動模型 flow 浮動模型 float 層模型 layer 1 塊狀元素自上而下占行 塊狀元素都會在所處的包含元素內自上而下按順序垂直延伸分布，因為在預設狀態下，塊狀元素的寬度都為100 實際上，塊狀元素都會以行的形式佔據位置。2 行內元素從左到右 在流動模型下，內聯元...
三種方法實現CSS三欄布局
本文由雲 社群發表 本文會分別介紹三種css實現三欄布局的方法，可在瀏覽器中開啟檢視效果 實現方法 需要左欄向左浮動，右欄向右浮動，中間設左右margin來撐開距離 doctype html en utf 8 css實現三欄布局1 title text css body left middle ri...
三種方法實現CSS三欄布局
本文由雲 社群發表 本文會分別介紹三種css實現三欄布局的方法，可在瀏覽器中開啟檢視效果 實現方法 需要左欄向左浮動，右欄向右浮動，中間設左右margin來撐開距離 lang en charset utf 8 css實現三欄布局1title type text css body left middl...