Change History
Message: [CSS] 讓整個網頁「置頂」，沒有空隙：body {margin:0}
Changed By: HP
Change Date: August 25, 2010 03:27PM
讓網頁 BODY[CSS] 讓整個網頁「置頂」，沒有空隙：body {margin:0}
要讓網頁「置頂」情況大多是要做「置頂功能列」（例如：註冊、登入、回首頁等功能）。但有的時候都會發現「功能列」和整個視窗都有會有一些空白間隙。這個預設的空隙 Firefox 和 Chrome 大約是10px 左右，但在 IE 就比較大，大約是 20px (以上)。
解決方式很簡單，就是在 body 將 CSS 設定為 body{ margin:0} 就可以了。
但也因為各個 Browser 的預設 margin 不一樣，所以就算沒有要置頂，要維持各種 browser 畫面一致及美觀，在網頁設計之初，可加上 body{ margin-top:10px} 等類似設定。
Changed By: HP
Change Date: August 17, 2010 07:51PM
讓網頁 BODY「置頂」，沒有空隙：body {margin:0}
要讓網頁「置頂」情況大多是要做「置頂功能列」（例如：註冊、登入、會回首頁等功能）。但有的時候都會發現「功能列」和整個視窗都有會有一些空白間隙。這個預設的空隙 Firefox 和 Chrome 大約是10px 左右，但在 IE 就比較大，大約是 20px (以上)。
解決方式很簡單，就是在 body 將 CSS 設定為 <b>body{ margin:0}</b> 就可以了。
但也因為各個 Browser 的預設 margin 不一樣，所以就算沒有要置頂，要維持各種 browser 畫面一致及美觀，在網頁設計之初，可加上 body{ margin-top:10px} 等類似設定。
Original Message
作者: HP
Date: August 17, 2010 07:51PM
讓網頁 BODY「置頂」，沒有空隙：body {margin:0}
要讓網頁「置頂」情況大多是要做「置頂功能列」（例如：註冊、登入、會回首頁等功能）。但有的時候都會發現「功能列」和整個視窗都有會有一些空白間隙。這個預設的空隙 Firefox 和 Chrome 大約是10px 左右，但在 IE 就比較大，大約是 20px (以上)。
解決方式很簡單，就是在 body 將 CSS 設定為 body{ margin:0} 就可以了。
但也因為各個 Browser 的預設 margin 不一樣，所以就算沒有要置頂，要維持各種 browser 畫面一致及美觀，在網頁設計之初，可加上 body{ margin-top:10px} 等類似設定。
