Div使用高度切断:100%(包括粘性页脚)

时间:2013-11-14 10:14:16

标签: html css cross-browser internet-explorer-9

我知道关于这个问题有很多问题,但没有一个解决方案有效(检查溢出:隐藏;设置最小高度等)

我正在使用此网站 - http://www.teamworksdesign.com/clients/ciw/our-work/advocacy/

目前网站内的所有内容都在IE9中被切断。

我尝试了各种修复程序,但似乎没有任何影响。似乎正文标签正在进行切割,因为当您设置实际高度(以像素为单位)时,它会填充该空间。

有谁能看到发生了什么?


为了清楚起见,我有一个粘性页脚,因此需要将其推到屏幕的底部。

2 个答案:

答案 0 :(得分:0)

它似乎是style.css第31行的“height:100%”CSS语句导致它。

在style.css的第31行删除“height:100%”,并测试它是否会对其他任何内容产生负面影响,但从我可以看到它在此之后工作正常。

HTH。

答案 1 :(得分:0)

我已经解决了:

<!--[if lte IE 9]>  
    <style type="text/css">
    body {
        height:auto!important;
        }  
    </style>
<![endif]--> 

所有现代浏览器都需要height:100%;,但IE9及以下版本需要height:auto!important