使用margin-top时出现空白

我正在尝试使用margin-top相对于其父容器向下推容器。但是，当试图这样做时，父div和前面的div之间会出现白色的差距（请参见屏幕截图）。我想知道是否有人为此解决方案 enter image description here 。。使用margin-top时出现空白

enter image description here

来源

2014-10-30 dgalati54

为了吸引最好的答案，请创建一个例子，将问题归结为简单st表单，然后在这里发布代码。能够重现问题是找到解决方案的重要一步。 – 2014-10-30 18:00:19

使用'reset.css'它看起来像''标签''英雄消息'给予'margin' – 2014-10-30 18:11:58

使用填充，如果问题是，背景是没有得到填补这适用于父DIV没有保证金，不是孩子：

http://jsfiddle.net/tmd4thpa/

.container { 
    background: purple; 
    padding:20px; 
} 
.div { 
    height:500px; 
    background: red; 
} 
<div class="container"> 
    <div class="div"></div> 
</div>

来源

2014-10-30 18:57:43 austinthedeveloper

谢谢！这工作完美。在阅读你的答案后，这是一种“DUH！”我的时刻。干杯。 – dgalati54 2014-10-31 15:45:20

使用margin-top时出现空白

回答

相关问题