奇怪的利润率问题

Question

我正在尝试向我正在构建的网站添加内容轮播器。转子工作正常。事实上，它比我希望的更好。我需要调整一些造型的东西，但除此之外。

出于某种原因，旋转器（相对定位和在我的容器/包装div）拉我的包装和菜单下来，当我给它的顶部添加一个边距（margin:65px auto 0;或类似的东西）。任何建议的话？

页面在这里： http://technoheads.org/test/ice/index.htm

Answer 1

这听起来像collapsing margins的经典案例。

您可以通过给容器border-top，margin-top，padding-top，或其他的overflow比visible解决这个问题。 （jsFiddle）

Answer 2

您可以通过给予#wrapper顶部填充而不是给予#slideshow顶部边距来实现想要的效果。

Answer 3

当我将元素放入内联元素中时，我遇到了很多问题。您应该能够通过执行下列操作之一来解决它：

• 设为您遇到到display: block;麻烦
• 使用顶级的填充像已经建议该元素（通常是一个足够好的修复）（无错误使用创可贴，如果它的工作原理...）
• 设置元素float: left;（并不推荐使用，可能会导致一些问题，下了线，但绝对可以让你添加顶部和底部边缘）

Answer 4

这个怎么样？

#menu { 
    position: relative; 
    width: auto; 
    height: 100px; 
    left: 383px; 
    top: 0px; 
}