Apple如何将其幻灯片定位在固定位置的盒子中?

时间:2012-01-01 00:05:15

标签: html css margin fixed-width

请参阅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;
}

2 个答案:

答案 0 :(得分:1)

overflow: hidden会隐藏滚动条。

答案 1 :(得分:0)

overflow属性为hidden