当我在带有图像滑块的容器div上使用overflow:hidden时，它完美地隐藏了满溢的内容，但在右侧创建了宽度约为50px的白色边框。是否可以更改默认溢出：隐藏边框？

我想要图像一直延伸到页面的边缘，或尽可能靠近。

是否有可能使overflow:hidden创建透明的“边框”，还是使其更窄？

2013-02-15 Munner

'overflow：hidden'不会创建任何边框。在你的CSS中必须有其他的东西让它出现。你能提供一个现场例子吗？ – animuson 2013-02-15 23:07:39

现在不工作，但我稍后会发布代码。谢谢回复。 – Munner 2013-02-15 23:10:05

在overflow：hidden下面添加'border：0'以从该元素中删除边框。 – Mooseman 2013-02-15 23:15:24

嗯.. 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;}

没有测试...

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

2013-02-15 23:51:49 Zeth

想通了 - 外部容器必须设置为宽度：100％，并且内部容器设置为比总页面宽度多60px，并且溢出：隐藏 http://www.benphilippi.com – Munner 2013-02-28 17:09:11

@mooseman @ user1766219感谢您的输入！ – Munner 2013-02-28 17:10:25

事实证明，来解决这个问题的办法是：

设置外容器以宽度：100％，

设置内部容器到60PX比总页面宽度更大，并且溢出：隐藏

根据内部容器的宽度，将“边界”（右边距空白）减少为我设置的任何px宽度。

2013-02-28 17:13:54 Munner

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