一、使用絕對定位元素水平居中
1.需要設定高度（高度已知）
.element.element3.margin：0 auto居中（top、right、bottom、left均為0，高度可以不設定）
.element1、對其父元素設定乙個高度
2、利用js判斷
三、垂直居中
1、父元素高度不確定的文字、、塊級元素的垂直居中
通過給父容器設定相同上下邊距實現的，即設定padding-top和padding-bottom。
2、父元素高度確定的單行文字的垂直居中
通過給父元素設定line-height來實現，line-height值和父元素高度值相同。
3、父元素高度確定的多行文字、、塊級元素的垂直居中
css中有乙個用於垂直居中的屬性vertical-align，但只有當父元素為td或者th時，這個屬性才生效，對於其他塊級元素，如div,p等，預設情況下是不支援vertical-align屬性的。在firefox和ie8下，可以設定塊級元素的display:table-cell來啟用vertical-align屬性，但ie6和ie7並不支援display:table-cell。
方法一：
直接使用table，因為td標籤預設下就隱式設定了vertical-align:middle。
方法二：
對支援display:table-cell的ie8和firefox用display:table-cell和vertical-align:middle來實現居中，對不支援display:table-cell的ie6和ie7，使用特定格式的hack。
定位 絕對定位
span元素 輸出 1.開啟絕對定位，會使元素脫離文件流 2 開啟絕對定位以後，如果不設定偏移量，則元素的位置不會發生變化 3 相對於瀏覽器視窗進行定位 開啟box3的定位並把box2作為box3的子元素 box2 box3 輸出 若有祖先元素開啟了定位 一般情況，開啟了子元素的絕對定位都會同時開啟...
相對定位，絕對定位
絕對定位是相對于父標籤決定位置，一般用於相對定位標籤裡面，js特效經常用到。相對定位是相對於上乙個相對定位的。一般用於浮動定位標籤裡面，一般跟絕對定位配合使用。浮動定位才是常用的。看例子 以下只說id名代表div 絕對定位 position absolute 如果bq1 絕對定位 外面沒有div等父...
相對定位 絕對定位
相對定位 相對自身位置進行定位 定位後 元素脫離文件流 原來的位置沒有被其他元素所佔據 元素特點沒有發生變化 top 移動後的位置距離起始位置 上面多遠 往下移動 left 移動後的位置距離起始位置 左邊多遠 往右移動 right 移動後的位置距離起始位置 右邊多遠 往左移動 bottom 移動後的...