css - 可以在不实际隐藏溢出的情况下实现溢出隐藏的效果吗？

Question

我有一个绝对定位的图像滑块，宽度为 1280 像素。margin-left 是 -160px 以使其在其父级中居中。父宽度为 960 像素，边距设置为“0 auto”以实现居中效果。

图片滑块应该只占用 width:960px 以便溢出不会导致浏览器使用滚动条来处理它。是否可以在高屏幕分辨率下显示溢出内容的同时实现溢出：隐藏？

问题示例：http ://almightyidea.com/test/slider/

基本的CSS：

.slide-wrapper {
  position:relative;
  width:960px;
  margin:0 auto;
 }

.slideshow{
    position:absolute !important;
    margin-left:-160px;
}

Answer 1

我认为您应该为包装器使用相对宽度。因此，当有足够的空间时，让它扩大。您还可以使用 JavaScript 为您计算 viweport 的宽度并将该宽度设置为包装器。

您也可以只使用现有的 jQuery 插件来完成所有繁重的工作。当我需要做这样的事情时，我会使用 Cycle。http://jquery.malsup.com/cycle/