div内的margin-top不起作用的解决方法，实例在线
div内的margin-top不起作用的问题
有时候为包含于div元素内的子元素设置上外边距margin-top属性时，发现不起作用（子元素相对父元素的上外边距并没有产生设置中的距离），甚至会将div这个元素的位置一同下移，而程序根本就没有为div设置margin-top的属性啊，这是怎么了？比如下面这个实例所展现的效果：
<div class='a'>
<div class='b'></div>
</div>
<style>
.a{width:100%;height:100%;background-color: YellowGreen;}
.b{background-color:skyblue;width:30%;height:20%;margin-top:15%;}
</style>margin-top不起作用的解决办法，及在线编辑器
解决方法：可以为父元素设置一个边框属性：
<div class='c'>
<div class='d'></div>
</div>
<style>
.c{width:100%;height:100%;border:1px solid orange;}
.d{background-color:pink;width:50%;height:10%;margin-top:10%;}
</style>