IE6 对浮动元素内的未指定宽度的块级元素错误的解释 BUG

我们来看下面的代码： 

< div  id ="left" >
         < div  id ="title" > Title </ div >
</ div >

样式定义如下：

    #left {  float : left ;  border : 1px solid blue ;  padding :  10px ;   }
    #title { border :  1px solid green ;  padding : 10px ; }

很简单，在一个浮动的DIV内有一个DIV。这段代码在各浏览器中都能正确显示，如下：

但是当给 #title 加上一个高度的样式后，如下：

    #left {  float : left ;  border : 1px solid blue ;  padding :  10px ;   }
    #title { border :  1px solid green ;  padding : 10px ;  height : 100px ; }

加了高度后，在各浏览器上面的显示效果为：

在 IE7 中显示正常（经测试，在 Firefox 和 Opera 中效果相同），而在 IE6 中，宽度发生了变化。大家如遇此情况要注意啦。