margin-top无法正常工作

Question

我找不到这个脚本的问题：http://jsfiddle.net/AKB3d/

#second {
  margin-top:50px;
  ...
}

我希望黄色方框比右方框的顶部边框低50px，但每当我添加时 边缘 - 黄色框顶部，红色框也下降。为什么呢？

Answer 1

将overflow:hidden提供给父div，即#first

这是因为利润率下降所致。 Vertical margins disappear when parent is set to overflow:visible

Answer 2

选中此Working fiddle

#first {
margin:auto;
width:100px;
height:100px;
background:red;
overflow:hidden;
}