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