1. 程式人生 > >如何設定body高度為100%

如何設定body高度為100%

body預設是沒有高度的,它是被子元素撐大的。設定border 就能夠看出來。

瀏覽器的開發廠商為了設定背景色建議,背景色設定給body,那麼就會全屏應用。

但是,body的高度並沒有發生改變。

那麼如何設定body為100%呢?

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>title</title>
        <style>
            * {
                margin
: 0
; padding: 0; }
html, body { height: 100%; } body { border: 1px solid #000; /*box-sizing可以取消因為新增border而出現的滾動條*/ box-sizing: border-box; background-color: skyblue
; }
</style> </head> <body> </body> </html>