奇怪的利潤率問題

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; 
}