我正在寻找摆脱浏览器窗口小于1900px时出现的水平滚动条 http://focalpoint.wpconsult.net/
图像是1900px,但是当浏览器较小时可以切断,只要幻灯片保持居中并且图像不缩放,所以固定宽度。
我设置隐藏在容器上的溢出,但这没有帮助。在其他页面上,标题具有相同宽度的普通背景图像,但溢出隐藏工作正常,没有滚动条。
许多解决方案建议在body元素上添加隐藏的溢出,但这样就无法左右滚动以在最小化的浏览器窗口上读取内容。我只是希望幻灯片显示区域被切断 谢谢你的任何建议!
答案 0 :(得分:2)
您的#header-bg-img
div
元素的宽度为1900px
,导致滚动
我相信您需要在min-width:980px;
元素上添加overflow:hidden
和#wrap
min-width
将允许元素扩展到更大的宽度,但如果它小于980(页面的其余部分设计为),它将允许滚动..
答案 1 :(得分:0)
将overflow:hidden
添加到#wrap
样式将删除水平滚动条。