body在預設情況下是具有margin外邊距的:這裡只是陳述一個事實，那就是body具有外邊距在預設情況下。代碼實例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http:/
body在預設情況下是具有margin外邊距的:
這裡只是陳述一個事實，那就是body具有外邊距在預設情況下。
代碼實例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> body{ background:blue; } #box{ width:200px; height:100px; background:red; text-align:center; line-height:100px; } </style> </head> <body> <div id="box">螞蟻部落</div> </body> </html>
從上面的代碼可以看出，box元素與外圍有一定的空隙，再來看一段代碼實例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> body{ background:blue; margin:0px; } #box{ width:200px; height:100px; background:red; text-align:center; line-height:100px; } </style> </head> <body> <div id="box">螞蟻部落</div> </body> </html>
上面的代碼可以看出，空隙消失，說明body是具有外邊距的。
所以在正式些頁面之前，通常先重置一下樣式屬性，具體可以參閱css預重置樣式代碼一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=18131
更多內容可以參閱:http://www.softwhy.com/divcss/
