关于HTML两侧留白的解决以及解决过程
生活随笔
收集整理的這篇文章主要介紹了
关于HTML两侧留白的解决以及解决过程
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
先上代碼：
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>title</title> </head><body><div class="box"></div> </body><style>html{background-color: black;}body{height: 300px;background-color: darkgoldenrod;/* padding: 0px; *//* margin: 0px; *//* border: 0px; */}.box{background-color: brown;width: 100%;height: 200px;} </style> </html>頁面效果如下：
這里黑色是html，可以看到是占滿整個頁面的，暗金色是body標(biāo)簽，紅色是div標(biāo)簽
從上面可以看出，body標(biāo)簽是有默認(rèn)外邊距的
額。。控制臺更容易看出默認(rèn)外邊距為8
因此，想要消除頂部和左右兩側(cè)的留白，就需要消除body的默認(rèn)外邊距，即
網(wǎng)上很大一部分是
padding: 0px; margin: 0px; border: 0px;是考慮到內(nèi)邊距和邊框是否有值的問題。
話題之外：
當(dāng)我把html的背景色注釋掉以后，會發(fā)現(xiàn)整個頁面都變成了暗金色，這里body的margin為8并沒有清除，而是當(dāng)html不設(shè)置背景色時，body的背景將作為整個頁面的背景色。從控制臺看margin依舊是那個margin。
總結(jié)
以上是生活随笔為你收集整理的关于HTML两侧留白的解决以及解决过程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 初试BMap时出现BMap is not
- 下一篇： 2017年html5行业报告,云适配发布