是否可以更改默认溢出：隐藏边框？

Question

当我在带有图像滑块的容器div上使用overflow:hidden时，它会完美地隐藏溢出的内容，但会在右侧创建一个约50px宽的白色边框。

我希望图像一直延伸到页面边缘，或尽可能接近。

是否可以使overflow:hidden创建透明的'边框'，或使其更窄？

Answer 1

嗯.. Animuson是对的。溢出：隐藏;不添加任何边框。如果图像是链接，则它可能具有边框（但默认颜色不是白色）。    但是，请为它添加一些源代码。在不知道完整场景的情况下，这样的事情可能会帮助你：

HTML：

    <div id="section1">
       <img alt="foobar" src="the_URL" />
    </div>

CSS：

    #section1       {overflow: hidden; width: 100px; display: block; }
    #section1 img   {width: 100px; border: none; outline: none; display: block;}

未经测试......

让我知道它是否有帮助。如果它没有，请详细说明。

Answer 2

事实证明解决这个问题的方法是：

将外部容器设置为宽度：100％，

将内部容器设置为比总页面宽度多60px，并设置overflow：hidden

根据内部容器的宽度，这将'border'（右边距空白）减少到我设置的任何px宽度。

代码：http://www.benphilippi.com