box-shadow並不會增加元素的實際占據空間:關於此屬性的用法這裡就不多做介紹了，具體可以參閱CSS3的box-shadow屬性用法詳解一章節。對元素引用此屬性之後，元素在外觀上是看起來體積變大了，其實並沒有更多的占據空間。代碼實例如下: <!DOCTYPE html> <html> <head
box-shadow並不會增加元素的實際占據空間:
關於此屬性的用法這裡就不多做介紹了，具體可以參閱CSS3的box-shadow屬性用法詳解一章節。
對元素引用此屬性之後，元素在外觀上是看起來體積變大了，其實並沒有更多的占據空間。
代碼實例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div{ width:100px; height:100px; background-color:green; box-shadow:0px 0px 0px 10px red; } </style> </head> <body> <div></div> <span>螞蟻部落</span> </body> </html>
從上面的代碼表現來看，確實說明瞭這一點。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=18264
更多內容可以參閱:http://www.softwhy.com/divcss/
