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

Question

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

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

有没有可能让overflow:hidden创建的“边框”变得透明，或者让它变窄？

Answer 1

嗯..。阿尼姆森是对的。Overflow:隐藏；不添加任何边框。如果图片是一个链接，那么它可能有边框(但默认颜色不是白色)。但是，是的，请为它添加一些源代码。在不了解完整场景的情况下，下面这样的内容可能会对您有所帮助：

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

这将“边框”(右边距空白)减少到我设置的任意px宽度，就像内部容器的宽度一样。

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