奇怪的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;
}