日期:2014-05-17  浏览次数:20610 次

IE8-DIV高度问题求解!IE8与Firefox
页面布局:
<div   class=header> </div>
<div   class=main>
        <div   class=left> </div>
        <div   class=right>
                <div   class=right_top> </div>
                <div   class=right_bottom> </div>
        </div>
        </div>
<div   class=footer> </div>
就这样简单写了,感觉大家也能看明白:
下面入题:问题主要出现在IE8上.
main---height:80%
left---height:100%(和right等高)--这时候问题出现了,在给left的div填充数据的时候,如果数据较少,那么加上边框就可发现,left的高度明显不是100%,只有实际的高度.但是firefox下正常显示。left=right等高。
问题二:此时如果left的数据较多,已经超过了div高度,可是还是没有滚动条出现,(当然已经加了overflow了),firefox下也可以正常显示。
求在IE8下对这个高度设置的解决办法!!!要求兼容IE8和firefox

------解决方案--------------------
楼主把你的demo整理精简下贴出来。
------解决方案--------------------
不知道楼主的main的高度是如何定义的啊?
------解决方案--------------------
HTML code

<script>
var objLeft = document.getElementById("left");
var objRight = document.getElementById("right");
//使左div的高度等于右div的高度
objLeft.style.height = objRight.style.height;
</script>
<div id="left" class=left> </div>
        <div id="right" class=right>
                <div   class=right_top> </div>
                <div   class=right_bottom> </div>
        </div>