身體未被覆蓋的邊緣？

-1

我在頁面頂部有一個固定的div，但由於某種原因，它應該與屏幕頂部齊平時出現一個間隙。身體未被覆蓋的邊緣？

在檢查HTML時，我發現body看起來有8px的margin-top。我實現了normalize.css來清除問題（因爲它稍後有用），現在在我的Chrome工具中，它顯示爲被覆蓋（margin-top：8px已被觸發並normalize.css margin：0; is不），但它似乎沒有對設計做任何改變？

可以在這裏找到：

http://www.haselden.co.uk/james/docs/index.html

來源

2012-08-06 Francesca

嘗試設置此樣式#navigation：

#navigation { 
    position: fixed; 
    height: 100px; 
    top: 0; 
    width: 100%; 
    background-image: url('images/stripes_bg.png'); 
}

來源

2012-08-06 20:32:50

謝謝！這工作！你能解釋一下這個解決方案嗎？爲什麼我的保證金不起作用？我看你已經在這個解決方案上實現了top：0，而我有margin-top：0 – Francesca 2012-08-06 20:35:31

position：fixed;使元素在視圖框架內佔據固定位置。您可以使用頂部/左側/底部/右側CSS屬性來設置固定元素出現在視圖框架中的哪個位置。 IE - 如果你想讓你的固定元素在右上角，你可以使用top：0;正確：0;如果你想在左下角你可以使用bottom：0;左：0; – 2012-08-06 21:10:18

的h1在#wrapper #top已經陷入推動#wrapper下了保證金，保證金創造那也推下了#navigation元素。如果您從h1中刪除top-margin，則所有內容都將按照您的需要向上滑動。

來源

2012-08-06 20:43:00 bdukes

身體未被覆蓋的邊緣？

回答

相關問題