Css 页边距顶部不'；除非值很高，否则不要移动

这可能是一个非常简单的解决方案，我们已经看了一段时间了，但还是想不出来。。这是我的密码：

    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;

当边距上限设置为10px时，div根本不移动。如果我将边距上限设置为200px，则div不会移动。然而，如果我把它设置为500px，那么它会像预期的那样向下移动500

我已经尝试删除了最小和最大高度仅为一个单一的设置高度，但这并没有排序的问题。并不是说它首先会引起问题

---

有人能看出我的错误吗？我确信我的编码是相对合理的，我不知道如何研究解决这个问题

检查其他元素的

边距

和

浮动

。我看不出您提供的代码有任何问题。

在CSS中，相邻的垂直边距塌陷，等待某些条件

假设你有两个div堆栈1在另一个上面。顶部div的页边距底部为30px，底部div的页边距顶部为20px。在这种情况下，边距“崩溃”为最高值，即顶部div上的30px边距底部

更多关于这方面的信息可以找到

---

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

我已设法解决了这个问题，方法是将Div放在另一个容器Div中，并对其应用边距底部：10px

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

---

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

我忘记了具体发生了什么，但有可能边距应用于元素的父元素。尝试在父级上使用填充。问题在于CSS应用到的任何元素的祖先的结构和样式。。。但是，如果不查看HTML和CSS的更广泛快照，就无法确定具体问题。请在前面的元素上使用

padding top

而不是

margin top

或使用

margin bottom

。