一、DIV

　DIV可設定大小、位置、背景

#div1{
    background-color: yellow;
    width:  150px;
    height: 150px;
    position: absolute;/*定位*/
    top: 150px;
    left: 500px;
    overflow: scroll; /*超出部分的處理 */
    outline: double;/*輪廓 dotted(點狀輪廓) solid(實線) double(雙線) dashed(虛線)*/
}

二、盒子模型

 盒子內文字居中：

　text-align: center; 水平居中

　heigth: 200px;  line-height: 200px; 行高控制垂直居中

 三、浮動

　行級元素與塊級元素：

　　兩個行級元素預設會在同一行顯示，兩個塊級元素預設會在不同行顯示。

　定位機制：

　　標準流（文件流）、脫標流（float、position:absolute）

　　文件流特點：

　　　1、空白摺疊現象

　　　2、高矮不齊，底邊對齊

　　　3、自動換行

　浮動：

 　float的包裹和崩潰

　　崩潰：父一級的塊級元素高度發生了破壞

　清除浮動

　　1.在div中寫入clear: both;

　　2.加入一個專門負責清除浮動的div

　　<div id="clearDiv"></div>

　　#clearDiv{

　　　clear: both;

　　}

　　3.目前最主流的清除浮動方式

#clearDiv{
　　content: "";
　　visibility: hidden;
　　height: 0px;
　　display: block;
　　clear: both;
}
#clearDiv{
　　zoom:1;
}