2013-12-15 81 views
0

我擡頭看看如何在屏幕中間放置一個塊,並且我讀到必須指定寬度值和邊距來自動調整。寬度和邊距自動到中心不起作用

<head> 
<style> 
#CenteredBlock { 
    display: block; 
    position: absolute; 
    visibility: visible; 
    height: 70px; 
    width: 70%; 
    margin-left: auto; 
    margin-right: auto; 
    border-top-style: dotted; 
    border-right-style: dotted; 
    border-bottom-style: dotted; 
    border-left-style: dotted; 
    border-top-color: #000; 
    border-right-color: #000; 
    border-bottom-color: #000; 
    border-left-color: #000; 
    padding: 0%; 
    } 
</style> 
</head> 

<body> 
<div class="CenteredBlock" id="CenteredBlock"> Test </div> 
</body> 

我想塊佔據屏幕,居中,左,右suposed有15%的70%。如果我使用保證金餘額:15%;同樣的權利,然後塊中心,但我仍然想知道爲什麼它不是居中時,我指定寬度和邊距:汽車

回答

0

你不希望#CenteredBlock絕對定位。你想要它'居中'。所以,刪除「位置:絕對」,一切都會正常工作。

+0

謝謝!它的工作 – Harlequin

+0

你很好。 – Viktor

+0

(因爲我現在無法回答我的問題,所以我會發表評論)好吧,現在問題是使塊從最上面的「最零」像素開始。現在它在塊和瀏覽器欄之間留下了白色的空白! :P – Harlequin