Firefox 和 Chrome 中的页脚可见水平滚动条/CSS 问题答案

【问题标题】：Visible horizontal scrollbar/CSS problems with footer in Firefox and ChromeFirefox 和 Chrome 中的页脚可见水平滚动条/CSS 问题
【发布时间】：2013-04-12 20:06:29
【问题描述】：

我是一个旧时的 htmler，编码一切。这一切在 IE9 中都按预期工作，除了在分辨率 1366 x 768 上缩小到 90% 或更低时可见水平滚动条。

我难以克服的主要问题是我的页脚。它出现在 Firefox 和 Chrome 的页面中心。

我尝试将<!DocType> 添加到页面顶部，但这会在 IE 中将其顶起。我的网站：http://www.ffldraftoptimizer.com

【问题讨论】：

当，快速高效。谢谢你，现在我觉得自己像个新手，哈哈
每个人都会遇到这种情况......而且 IE 有时会修复不应该修复的问题，比如你的页脚。
啊 - 再次感谢你 - 关于水平滚动条的任何想法？
在哪个浏览器中？我在 Chrome 和 IE9 中看不到它。我尝试了不同的缩放和分辨率，但没有可见的滚动条
它发生在 IE9 中，在 1366x768 和 75% 的 1366x768 和 75% 的 90% 缩放和 1600x900。不过不用担心，我会忍受的只是一个小问题。

标签： css google-chrome firefox internet-explorer-9 footer

【解决方案1】：

div#main元素的高度为600px，此时页脚出现，文字溢出。

从您的 public.css 中删除它（第 42 行）：

#main {
 margin: 0px;
 padding: 0px;
 height: 600px;
 ...
}

【讨论】：