标题背景由于水平滚动条而被剪掉

【问题标题】：Header background Clip off due to Horizontal Scrollbar标题背景由于水平滚动条而被剪掉
【发布时间】：2012-12-16 17:33:23
【问题描述】：

我正在为 iPad 和 iPhone 制作一个页面，其中我有一个标题，最左边和最右边的角落都有按钮，内容位于标题下方。

标题的 CSS 已经完成，标题的宽度随着 ipad 的方向变化，iPhone 在标题的左侧和右侧显示所有按钮。

但是当我的内容超过一定宽度时，会出现水平滚动，当我滚动到页面最右边的数据时，标题会被剪掉。

可以在此 URL 中查看我遇到的问题的示例：

问题的副本：

这个问题有什么解决方法吗？欢迎提出宝贵意见。

【问题讨论】：

【解决方案1】：

被剪掉的不是header 标记，而是body，你有一个图像（模拟标题）作为背景。

问题似乎是您的body 的宽度为100%（浏览器宽度），而标题的宽度为1024px（加上子元素负边距），所以当浏览器小于1024 时body 只跨越浏览器宽度，留下没有背景图像的额外滚动区域。

尝试将其添加到 body 标签的 CSS 中：

min-width:1192px;

(1024 距表头宽度 + 98 + 70 距表头内部元素左右负边距)

【讨论】：