奇怪的div保证金问题

Question

我正在尝试向正在构建的网站添加内容旋转器。 旋转器工作正常。 实际上，它的效果比我希望的要好。 我需要调整一些样式设置，但这还不是重点。

由于某些原因，旋转器（相对定位，位于容器/包装器div的内部）在顶部添加边距时向内拉包装器和菜单（ margin:65px auto 0;或类似的东西）。 有什么建议吗？

此处页面： http ： //technoheads.org/test/ice/index.htm

Answer 1

这听起来像是利润率下降的经典案例。

您可以通过为容器设置border-top ， margin-top ， padding-top或除了visible之外的overflow来解决此问题。 （ jsFiddle ）

Answer 2

您可以通过给#wrapper顶部填充而不是#slideshow顶部空白来完成您想要的事情。

Answer 3

当我将元素放入内联元素中时，我经常遇到这个问题。 您应该能够通过执行以下任一操作来修复它：

• 将遇到问题的元素设置为display: block; （通常是足够好的解决方法）
• 像已经建议的那样使用顶部填充（如果可行，使用创可贴没错...）
• 将元素设置为float: left; （不建议这样做，可能会导致一些问题，但是绝对可以增加顶部和底部边距）

Answer 4

这个怎么样？

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