W3Schools 在线编辑工具（TIY） V3.0
编辑的代码:
运行代码 »
©
w3s.com.cn
<html> <head> <style type="text/css"> * { margin:0; padding:0; border:0; } #d1 { width:100px; height:100px; margin-top:20px; margin-bottom:20px; background-color:red; } #d2 { width:100px; height:100px; margin-top:10px; background-color:blue; } </style> </head> <body> <div id="d1"> </div> <div id="d2"> </div> <p>请注意，两个 div 之间的外边距是 20px，而不是 30px（20px + 10px）。</p> </body> </html>