一、盒模型
1、margin 外邊距（能使用負值，也可用畫素值、百分比）
1引數 上右下左
2引數 上下 左右
3引數 上 左右 下
4引數 上 右 下 左
2、border 邊框
3引數(大小 型別 顏色)
solid（實線）
dotted（虛線）
double（雙實線）
3、padding內填充（不能使用負值，可用畫素值、百分比）
1引數 上右下左
2引數 上下 左右
3引數 上 左右 下
4引數 上 右 下 左
4、display ：設定框的型別
inline 行級
block 塊級
inline-block 內聯塊
table-cell **單元格
（vertical-align：middle 垂直居中）
二、浮動
float： 定義元素（塊區域）的浮動方向
1、 float：left (right none)
2、清除：(left、right、both)浮動布局完成後使用clear加浮動的元素拉回流文件
（1）在之後新增空標籤，並用為樣式新增clear：both；
（2）偽類，在浮動元素父級新增
#warp:after
（3）浮動元素父級新增float，能夠消除子級的float
（4）浮動元素父級加overflow：auto
overflow：scroll（hidden 、 auto）
(5) 給父級加display：inline-block;
CSS盒模型及Float簡單布局
預設情況下，width和height只包括內容區域的寬和高，不包括border padding margin 使用box sizing可以使其包含content padding border width和height屬性包括content padding和border，但是不包括margin 外邊距...
CSS 盒模型和怪異盒模型
盒模型是css布局的基石,它規定了網頁元素如何顯示以及元素間相互關係,css定義所有元素都可以擁有像盒子一樣的外形和平面空間,即都包含內容區,補白 填充,內邊距 邊框,邊界 外邊距 下面說明了盒子模型 盒模型又分為標準盒模型 w3c標準 和怪異盒模型 ie盒模型 標準盒模型與ie盒模型的區別在於寬高...
學習CSS盒模型和CSS3彈性盒模型
css盒模型本質是乙個盒子，封裝周圍的html元素，它包括 邊距，邊框，填充，和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。div300px 寬 50px 左 右填充 50px 左 右邊框 50px 左 右邊距 450px 最終元素的總寬度計算公式是這樣的 總元素的寬度 寬度...