使用CSS固定位置定位的中心元素

Question

無法將使用CSS「頂部和左側以及位置：固定屬性」定位的元素居中。

Answer 1

固定位置將元素引用到瀏覽器中，而不是父元素。看到此摘錄關於位置是：固定 -

生成絕對定位 元件，位於相對於 瀏覽器窗口。元素的位置 與「左」，「頂」， 「右」，並指定「底」性質

從here

你可能想使用position: relative，但沒有源很難肯定知道。

Answer 2

將類別centee添加到要居中的對象。將其包裝在類中心的容器周圍。該容器將不可見。

HTML

<div class="centerer"> 
<div class="centee"></div> 
</div> 

CSS

.centerer { 
position: fixed; 
left: 50%; 
height: 50%; 
width: 1px; 
height: 1px; 
} 

.centee { 
    position: absolute; 
    width: 555px; 
    height: 333px; 
    margin-left: -50%; 
    margin-top: -50%; 
    background: blue; 
}