ie4linux ie8,牛逼的ie中高度问题height

如题

条件 1：

.fd-content-height {

height:2000000px;

}

滚动内容

滚动内容

结果：

jsTest2:

jsTest21:

jsTest22:

不是我们想象的 父级：4000000px， 子级：2000000px

测试环境： 浏览器ie11， 其模拟下的 ie10, ie9， ie8 一样

ie7: 结果父级：4000000px， 子级：2000000px (特别注意)，ie 7 最大限制高度为

tips：

.fd-content-height {

height:20000000px;

}

ie11,ie10，ie9， ie8 元素不显示滚动条，但是ie7 有滚动条

其他浏览器正常： 测试源码如下

ie 高度设置

*{

margin:0;

padding:0;

box-sizing: border-box;

}

li,ul {

list-style: none;

}

.fd-scroll-contain {

margin:0 auto;

width:500px;

height:600px;

border: 1px solid #000;

}

.fd-scroll-content {

position: relative;

z-index:1;

height:600px;

overflow: auto;

border: 1px solid green;

}

.fd-content-height {

height:2000000px;

/*  height:20000000px;*/

}

滚动内容

滚动内容

console.dir( document.getElementById('jsTest2'))

console.dir( document.getElementById('jsTest21'))

console.dir( document.getElementById('jsTest22'))