0

可能是对此的一个非常简单的修复，现在一直在看它，但无法弄清楚..这是我的代码：

    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。

我已经尝试删除单个设置高度的最小和最大高度，但这并不能解决问题。并不是说它应该首先引起问题。

谁能看到我的错误？我确信我的编码相对健全，并且真的不知道如何研究解决这个问题。

4

3 回答 3

1

检查其他元素的margin和float。我没有看到您提供的代码有任何问题。

于 2012-11-20T00:35:07.860 回答
1

在 CSS 中，相邻的垂直边距折叠，等待某些条件。

所以说你有 2 个 div 堆叠 1 在另一个之上。顶部 div 的底部边距为 30px，底部 div 的顶部边距为 20px。在这种情况下，边距“折叠”成最大值，即顶部 div 上的 30px 边距底部。

更多信息可以在这里找到

在您的情况下，我会查看周围元素的 CSS，看看更改这些值是否会达到您想要的效果。

于 2012-11-20T00:41:27.533 回答
0

我已经设法解决了这个问题，方法是将上面的 div 放在另一个容器 Div 中，并对其应用 margin-bottom:10px。

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

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

于 2012-11-20T00:48:11.353 回答