IE6下面父div:padding，子div:float问题_html/css_WEB-ITnose

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">			
			
		
	

这段代码大家可以拷过去运行看看效果，在IE6下子div竟然把父div撑开了，而其他IE7+、chrome和firefox下都不会撑开的。

这算哪方面的bug，搜了好久调了半天没调出来解决方法。晕死，谁给个方法吧。

回复讨论(解决方案)

360浏览器和IE8浏览器测试，都是LZ的效果。

不同版本浏览器对html标签的解析是不同的，可以试下在父div里面在添加一个div标签

, 然后将父div的height：auto；  我是猜着写的，具体效果你可以试下不知道行不行

这个bug是由其浏览器的特性决定的，像这种没名的没办法说明。一般认为，ie6会撑开布局而非ie6不会撑开布局。既然知道这个原因，加个overflow:hidden;就解决了。让他撑开的隐藏不就得了。
其实ie6下最大的bug就是haslayout，楼主有空了解一下。

360浏览器和IE8浏览器测试，都是LZ的效果。
360用的本身就是你机器上的ie内核。

这个bug是由其浏览器的特性决定的，像这种没名的没办法说明。一般认为，ie6会撑开布局而非ie6不会撑开布局。既然知道这个原因，加个overflow:hidden;就解决了。让他撑开的隐藏不就得了。
其实ie6下最大的bug就是haslayout，楼主有空了解一下。
加上overflow:hidden;后果真正常了，不过还是没明白为什么这样用隐藏，之前压根没往这方面考虑过。
haslayout研究下先了。

引用 3 楼  的回复:
这个bug是由其浏览器的特性决定的，像这种没名的没办法说明。一般认为，ie6会撑开布局而非ie6不会撑开布局。既然知道这个原因，加个overflow:hidden;就解决了。让他撑开的隐藏不就得了。
其实ie6下最大的bug就是haslayout，楼主有空了解一下。

加上overflow:hidden;后果真正常了，不过还是没明白为什么这样用隐藏，之前压根没往……
这是ie6的bug，bug一般是没有原因，或原因追朔起来远远超过了解决这个bug所能承担的时间范围了。

overflow:hidden解决。。

是的