容器宽度小于滑块宽度,隐藏溢出?

时间:2012-11-15 11:58:24

标签: css

请参见此处的屏幕截图:http://s12.postimage.org/wvt2xt365/overflow.png

我的容器宽度为1000像素,滑块宽度为1400像素。如何将溢出设置为容器宽度,而不是滑块宽度?

因此,如果用户的浏览器大小为1200px,则不会有任何滚动条?

2 个答案:

答案 0 :(得分:1)

这是一个有趣的问题。您可以将滑块放在另一个宽度为100%的容器中,并隐藏溢出。

这是您正在寻找的,或者您想要调整滑块本身直到1400px?在这种情况下,您应该使用媒体查询。

答案 1 :(得分:0)

溢出有很多选择。您可以强制对象具有“隐藏”溢出:

#container 
{
width:1000px;
overflow:hidden;
}

请注意,这意味着溢出被剪裁,其余内容将不可见......我猜想,你要求的是什么?