html - Apple 如何将其幻灯片放置在固定位置的框中？

Question

有关我正在谈论的示例，请参阅iPhone 页面。

Apple 将其幻灯片放置在一个包装器中：

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

Answer 1

overflow: hidden将隐藏滚动条。

Answer 2

它是overflow具有价值的财产hidden。