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

Question

参见 the iPhone page举个例子说明我在说什么。

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 将隐藏滚动条。