CSS DIV滚动条最小宽度问题

时间:2012-08-16 13:00:51

标签: jquery background-image jquery-cycle css

我有一个旋转图像标题(使用jquery Cycle),宽度为1400px。 它所在的网站宽度为960px。

当浏览器调整大小时 - 我得到1400px的水平滚动条。 我需要他们只能从960px开始 - 不是1400px。

这可能吗?我还需要标题图像在调整大小时保持居中。

您可以在此处查看网站和问题....

http://108.174.144.176/~momandpo/

2 个答案:

答案 0 :(得分:2)

尝试添加此css:

#bg_containers div {
  width:100%;
}

你有一个容器#bg_container和一些孩子div

答案 1 :(得分:1)

您应该将容器和儿童强制为100%宽度,这样就不会扩大布局。由于您使用居中的背景图像,因此它将保持居中并根据窗口宽度自动裁剪。

#bg_containers,
#bg_containers > div {
  width: 100% !important;
}

为避免使用!important,您可以修改脚本以不在这些项目上设置固定宽度。