div 自动适应页面高度 IE vs Google浏览器

遇到一个问题。用.net做的网站中有三个div，他们是嵌套的关系

<div id="d1">

<div id="d2"/>

<div id="d3"/>

<div>

d2和d3是上下并列的。d1的高度是不变的，在d2中的内容发生变化的时候，d2的高度会跟着内容的多少发生变化，d3也跟着变化，但是不会超出d1的高度范围，即不会出界。

这个问题，测试使用的ie，没有问题，但是在google中就有问题了。

先看一些代码吧：

d3的css是这样写的

.d3{height:200px;width:100px;}

d2的css是这样的

.d2{height:100px;width:100px;}

这写代码在IE中测试是可以的，不会出现div出界，但是google中当d2中的内容增多的时候，d2和d3就会出现重叠，即d2出界了。

解决办法：

d3的css是这样写的

.d3{min-height:200px;width:100px;}//这里min-heigh跟height是不同的，min-height可以使得div根据内容自动的调整div的高度，不出界

d2的css是这样的

.d2{height:auto!important;width:100px;}//auto!important可以使得div自动的适应页面的高度，即当收到“挤压”或者“拉伸”的时候，会自动的变化。

这样，出现的问题解决。

结贴！