关于内层DIV设置margin-top不起作用的解决方案

就是外层DIV设置了高与宽，内层DIV如果设置maring-top不起作用（FIREFOX和IE8中测试），原因大致是内层div没有获得layout。如下面的代码：style.aDiv{background:red;width:300px;height:300px;}.bDiv{background:green;position:relative;width:100px;height:20px;margin-top:10px;}.cDiv{background:black;position:relative;width:100px;height:20px;}/styledivclass=aDivdivclass=bDiv/divdivclass=cDiv/div/div测试发现，bDiv的margin-top不起作用，仍是0px的显示效果。如果在firefox中用firebug查看，可以看到margin-top是有值的，为10px;解决问题如下：1、把margin-top改成padding-top,不过,前提是内层的Div没有设置边框2、给外层的Div加padding-top3、给外层DIV加：A、float:left或rightB、position:absoluteC、display:inline-block或table-cell或其他table类型D、overflow:hidden或auto比如，可以更改上述代码如下：style.a{background:red;width:300px;height:300px;float:left;}.b{background:green;position:relative;width:100px;height:20px;margin:10px;}.c{background:black;position:relative;width:100px;height:20px;}.clear{clear:both;}/styledivclass=adivclass=b/divdivclass=c/div/divdivclass=clear/div注意：后面要加一个清除浮动。