2015-10-20 147 views
0

我想通過將我的標題內容放在具有固定位置的div內製作一個固定標題。下面是對DIV CSS代碼:CSS div不填充頂部和左

#page_header { 
    background-color: white; 
    height: auto; 
    width: 100%; 
    position: fixed; 
    overflow: auto; 
} 

,這是我div的效果,(左上角的屏幕截圖): left top corner of the div

你可以清楚地看到,有之間的空間div(白色部分)和頁面,而右側則不是這種情況,我應該如何擺脫這個空間?

謝謝。

+0

添加代碼jsfiddle –

+0

你嘗試過'body {margin:0; padding:0}' – sunitj

+0

是的,謝謝,body {margin:0; padding:0}的作品。 – TPWang

回答

1

你需要確保你的邊距和填充歸零:

margin: 0; 
padding: 0; 

而且,如果你真的想固定在適當位置的東西,最好的辦法是有鎖定。

position: fixed; 
top: 0; 
left:0; 
0

您需要將實際頁面設置爲margin:0和padding:0,而不僅僅是body。

在你的CSS樣式表中使用它。

*, html { 
margin:0; 
padding:0; 
} 

,將整個頁面設置爲0,對於一個新鮮乾淨的開始,沒有保證金或墊襯。

+1

通過添加*,您將刪除所有標籤(如UL,OL,H1等)的所有間距。它會爲每個元素添加額外的指定空間的額外開銷。 – sunitj