由於預設情況下，由於position的值為static（靜止的、不可以移動的），元素在文件流裡是從上往下、從左到右緊密的布局的，我們不可以直接通過top、left等屬性改變它的偏移。所以，想要移動元素的位置，就要把position設定為不是static的其他值，如relative,absolute,fixed等。然後，就可以通過top、bottom、right、left等屬性使它在文件中發生位置偏移（注意，relative是不會使元素脫離文件流的，absolute和fixed則會！也就是說，relative會佔據著移動之前的位置，但是absolute和fixed就不會）。
垂直偏移需要用到top屬性，它的值可以是具體的畫素，也可以是百分數。因為我們現在不知道父元素（即body）的具體高度，所以，是不可以通過具體畫素來偏移的，而應該用百分數。先設定成50%。
div的中心到頁面中心的距離是div自身高度的一半，我們可以使用通過margin-top屬性來設定，因為div的自身高度是480，所以，需要設定他的margin-top值為-240。
.containercss實現垂直居中定位
一 單行內容的居中 設定height與line height相等，overflow hidden即可。demo height 20px line height 20px overflow hidden 注 若不使用overflow hidden，在瀏覽器頁面縮放時會出現問題。二 已知固定寬高 設定定...
css居中，非定位和float
內聯元素 塊級元素 margin 0 auto 作用為填充剩餘尺寸，規則為 margin的初始值為0 因為css預設流為水平方向，所以margin auto只能改變水平的元素內部尺寸 一側為定值，一側為auto，則auto為剩餘空間大小 兩側均為auto，則評分剩餘空間 不設定width時 widt...
CSS定位居中常用方法
1.使用 margin 0 auto 實現 margin 0 auto 常用於定寬的水平居中在，這裡加上一些屬性也可時間水平垂直居中 css box 注 這個辦法需要定高，在大部分場景不太適用 2.transform居中 內容塊定義transform translate 50 50 支援動態高度，適...