假如#gaga{margin-top:10px*margin-top:7px_margin-top:5px}
这样第一个就是ie8以上的浏览器、firefox、谷歌浏览器、苹果浏览器这些主浏览器的的外边距是10px，ie7的外边距为7px，ie6则为5px；
*还会代表是通配符的意思，就是可以查找到所有的元素，比如*{margin:0}这样就代表所有的元素的外边距margin值为0，希望可以帮到你
如果你给#box 加上overflow:hidden 就可以让margin见效。或者你给#box 加上border （不能是none） ；也可以让margin见效。
或者 你在#box外 #box1 以内随便写点文字，也可以让margin见效。
或者如楼上所说，你可以给#box1 加上 padding-top:20px 也可以。
如果你仔细观察，就会发现，虽然#box1 的上面没有空出来的20px的红色，但是 却有空出来的20px的白色，也就是说margin实际上生效了，只是因为#box里面除了#box1什么都没有，所以背景颜色并没有充满#box
