关于DIV margin-top失效的解决办法

用DIV+CSS布局网页内容时，常常会遇到一个问题：就是当前DIV样式设置了上边界缩进margin-top属性，但是显示出来的效果却是没有缩进。这种情况出现在前面放置的DIV设置了浮动属性， 后跟着的Div的上边界缩进就不能正常显示。下面我们分析两种情况，代码如下：

<div style="width:500px; float:left; height:300px; margin:5px">此处显示新 Div 标签的内容</div>
  
  <div style="width:500px;; float:left; margin:5px;">此处显示新 Div 标签的内容</div>

  <div style="clear:both;margin-top:50px">此处显示新 Div 标签的内容</div>

情况1： 

 情况2: (浮Div的外面有一个容器Div)

<div>

  <div style="width:500px; float:left; height:300px; margin:5px">此处显示新 Div 标签的内容</div>
  
  <div style="width:500px;