0

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

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

是否可以使overflow:hidden创建透明的“边框”或使其变窄？

4

2 回答 2

0

嗯..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-15T23:51:49.173 回答
0

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

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

将内部容器设置为比总页面宽度大 60px，并且溢出：隐藏

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

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

于 2013-02-28T17:13:54.263 回答