关于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行业报告,云适配发布