除非价值很高,否则margin-top不会移动

时间:2012-11-20 00:31:00

标签: css html margin

可能是对这个问题的一个非常简单的修复,现在一直在看它并且无法弄清楚..这是我的代码:

    margin-top:10px;
    width:998px;
    min-height:100px;
    max-height:300px;
    border:1px solid #CCC;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-image:url(../images/default/page.png);
    overflow:hidden;

当margin-top设置为10px时,div根本不会移动。如果我将margin-top设置为200px,则div不会移动。但是,如果我将其设置为500px,那么它会按预期向下移动500.

我已经尝试删除min&只有一个设定高度的最大高度,但这不会解决问题。并不是说它应该首先导致问题。

任何人都可以看到我的错误吗?我确信我的编码相对合理,并且真的知道如何研究解决这个问题。

3 个答案:

答案 0 :(得分:1)

检查其他元素的marginfloat。我发现您提供的代码没有任何问题。

答案 1 :(得分:1)

在CSS中,相邻的垂直边距会在某些条件下崩溃。

所以说你有2个divs堆栈1在另一个上面。顶部div的边距为30px,底部div的边距为20px。在这种情况下,利润率“崩溃”为最高值,顶部div的底部为30px。

有关此问题的更多信息,请访问here

在您的情况下,我会查看周围元素的CSS,看看更改这些值是否符合您的要求。

答案 2 :(得分:0)

我设法解决了这个问题,方法是将div放在另一个容器Div之上,然后应用margin-bottom:10px。

它并不完全理想,因为它需要更长的代码并添加另一个我不想要的div,但是假设它现在必须要做,直到我有更多的时间来完全阅读这个问题。

感谢大家的帮助和潜在的解决方案。