div+css问题

<div id="login" style="width:400px; height:300px; border-radius:5%; background:#FFF; margin-top:200px; margin-left:30px;">//白色
  <div id="user" style="margin-top:200px; margin-left:30px; width:300px; height:50px; background:#0C9"><div>用户名：<input type="text" name="user" />//绿色
</div>
  </div>
按道理说，user那个div应该会在白色框框里偏下面的地方，在dreamweaver的设计窗口里显示是正常的，可是在浏览器里user的div就是贴着login div的上面，也就是uer的div的margin-top设置木效果（白色和绿色的上端的在一起的）。谁知道肿么回事诶？

追问：可是我的绿色的div应该在白色的div内部的吖，白色的div包含绿色的div诶 如果白色后面加1个</div>就变成绿色div在白色的下面了，我感觉像白色框框和绿色框框的上端是绑定在一起的，一起运动- -我用padding搞定了

答案：垂直边距自动合并造成的，加个1px内边距或边框就ok了，原理看这里：
http://hi.zzzyk.com/dognicole/blog/item/25e0eedd967de7f377c6383a.html

其他：<div id="login" style="width:400px; height:300px; border-radius:5%; background:#FFF; margin-top:200px; margin-left:30px;">//白色</div>

在//白色后面加个</div> 好像少了个DIV结束标记
<div id="login" style="width:400px; height:300px; border-radius:5%; background:#FFF; margin-top:200px; margin-left:30px;">//白色
  <div id="user" style="margin-top:200px; margin-left:30px; width:300px; height:50px; background:#0C9"><div>用户名：<input type="text" name="user" />//绿色
</div>
  </div>
改成：
<div id="login" style="width:400px; height:300px; border-radius:5%; background:#FFF; margin-top:200px; margin-left:30px;">//白色
  <div id="user" style="margin-top:200px; margin-left:30px; width:300px; height:50px; background:#0C9"><div>用户名：<input type="text" name="user" />//绿色
</div>
  </div>
</div> 你的意思就是说 #user不下来是吧， 给#login添加属性 overflow：hidden； zoom：1；
zoom：1；是为了兼容IE6 

上一个：学html 和div+css +js+php怎么学的快。谁讲的视频最好那里有下载的。你们也是自学的吗。一天学几个小时好
下一个：fw cs4如何添加css代码