直接在
div｛width：300px;
height:300px;
border:1px solid red;}
里面添加margin-bottom:30px;
效果相同，那为什么要用#box1{margin-bottom:30px;}?
显示效果并不同，不信你往下拉拉，用div的，box2下边还会有空行，而用#box1，box2下边不会有空行了。
div代表的是元素....所有页面上的div元素都会生效#div1的作用区域是id为div1的元素......