Welcome! 登入 註冊
美寶首頁 美寶百科 美寶論壇 美寶落格 美寶地圖

Advanced

[CSS] 讓整個網頁「置頂」,沒有空隙:body {margin:0}

[CSS] 讓整個網頁「置頂」,沒有空隙:body {margin:0}

分類標籤: 網站設計
要讓網頁「置頂」情況大多是要做「置頂功能列」(例如:註冊、登入、回首頁等功能)。但有的時候都會發現「功能列」和整個視窗都有會有一些空白間隙。這個預設的空隙 Firefox 和 Chrome 大約是10px 左右,但在 IE 就比較大,大約是 20px (以上)。

解決方式很簡單,就是在 body 將 CSS 設定為 body{ margin:0} 就可以了。

但也因為各個 Browser 的預設 margin 不一樣,所以就算沒有要置頂,要維持各種 browser 畫面一致及美觀,在網頁設計之初,可加上 body{ margin-top:10px} 等類似設定。



Edited 2 time(s). Last edit at 08/25/2010 03:27PM by HP.
(編輯記錄)