枝上又闻啼

终于还是解决了div容器中高度不适应的问题。

先实例看代码如下：

<div id=”box_1”>
              <div id=”box_left”></div
              <div id=”box_right”></div>
        </div>
        <div id=”box_2”>
       </div>

如果其中box_left 设置了 float:left;box_right设置了float:left;同时保证box_left和box_right会在用一列中。那么，当box_left的高度和box_right的高度不一致时，很有可能出现意外情况就是box_2跟到box_right后面了。

解决这个问题方法也硬说有很多种。我使用了一种比较简单的方法在box_1中添加了height:100%;overflow:hidden;两个属性

#box_1{height:100%;overflow:hidden;}

这样就可以了。然后似乎出现了一个小问题，就是IE6中显示时出现了滚动条。

至于其他的浏览器IE7、Opera、Firefox都显示正常。