我知道关于这个主题有很多问题,但没有一个解决方案有效(检查溢出:隐藏;设置最小高度等)
我在这个网站上工作 - http://www.teamworksdesign.com/clients/ciw/our-work/advocacy/
目前,该站点内的所有内容都在 IE9 中被切断。
我尝试了各种修复,但似乎没有一个会影响这一点。似乎身体标签是进行切割的标签,因为当您以像素为单位设置实际高度时,它会填充该空间。
谁能看到发生了什么?
为了清楚起见,我有一个粘性页脚,因此需要将其推到屏幕底部。
我知道关于这个主题有很多问题,但没有一个解决方案有效(检查溢出:隐藏;设置最小高度等)
我在这个网站上工作 - http://www.teamworksdesign.com/clients/ciw/our-work/advocacy/
目前,该站点内的所有内容都在 IE9 中被切断。
我尝试了各种修复,但似乎没有一个会影响这一点。似乎身体标签是进行切割的标签,因为当您以像素为单位设置实际高度时,它会填充该空间。
谁能看到发生了什么?
为了清楚起见,我有一个粘性页脚,因此需要将其推到屏幕底部。
似乎是 style.css 中第 31 行的“高度:100%”CSS 语句导致了它。
删除 style.css 第 31 行的“height: 100%”,并测试它是否会对其他任何东西产生负面影响,但据我所知,它在那之后工作正常。
HTH。
我已经解决了:
<!--[if lte IE 9]>
<style type="text/css">
body {
height:auto!important;
}
</style>
<![endif]-->
所有现代浏览器都需要,height:100%;但需要 IE9 及更低版本height:auto!important