蘋果如何將幻燈片擺放在固定位置的盒子裏？

查看the iPhone page作爲我正在談論的一個例子。蘋果如何將幻燈片擺放在固定位置的盒子裏？

蘋果定位的包裝內的幻燈片：

<div id="wrapper"> 
    <div id="clip"> 
     <!-- Slideshow here --> 
    </div> 

    ... 
</div>

下面是包裝的CSS。

#wrapper { 
    height: 758px; 
    margin: 0 auto; 
    width: 980px; 
}

但是，通過檢查Firebug的文檔，我發現它的幻燈片大得多，但它仍然設法沒有滾動條顯示。它是如何做到的？

這裏有一個幻燈片中的CSS：

#clip { 
    background: url("http://images.apple.com/v/iphone/home/b/images/shadow_down.png") no-repeat scroll 50% 0 #FFFFFF; 
    margin: 1px -400px 3px; 
    overflow: hidden; 
    padding-top: 4px; 
    width: 1780px; 
}

來源

2012-01-01 mc10

overflow: hidden將隱藏滾動條。

來源

2012-01-01 00:12:06 Douglas

您能否向我解釋應用於'＃clip'的有趣邊距值是如何工作的？ – mc10 2012-01-01 02:09:55

下面是你可以用它們做的事情的一個例子：http://jsfiddle.net/XVhyG/2/外部div向左浮動，但寬度設置爲auto。這意味着它應該根據其內容的大小以及內容的利潤率進行調整。內部的div有一個負的右邊距，這使得外部div比內部div寬度小。將保證金更改爲保證金餘額也很有趣：http://jsfiddle.net/XVhyG/1/ – Douglas 2012-01-01 09:41:10

好的，謝謝你的解釋。 – mc10 2012-01-01 18:10:36

這是overflow屬性，值爲hidden。

來源

2012-01-01 00:12:12 Artis

蘋果如何將幻燈片擺放在固定位置的盒子裏？

回答

相關問題