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

它是带有 hidden 值的 overflow 属性。