CSS position:fixed 固定視窗置中-margin-top ,margin-left 減去元素的高度寬度

7 月 8, 2015 | CSS, | 0 條留言

使用50%設定top 與 left,再用margin-top ,margin-left 減去元素的高度寬度。

如:top:50% 元素的上方對齊頁面正中央了,再用 margin-top:-100px 將元素向上移動一半 (元素高度為 200px),讓中心點對齊頁面正中央。

#fixed-center{
    width:50px;
    height:50px;
    position:fixed;
    top:50%;
    left:50%; 
    margin-left:-25px;
    margin-top:-25px;
}