IE6下面父div:padding,子div:float问题_html/css_WEB-ITnose
test2
这段代码大家可以拷过去运行看看效果,在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解决。。
是的
相关文章
相关视频
推荐阅读
-
在线急等IE6下子div调整高度就撑破父div 但子DIV高度比父小挺多_html/css_WEB-ITnose
-
在线急等IE6下子div调整高度就撑破父div 但子DIV高度比父小挺多_html/css_WEB-ITnose
-
【Web前端】CSS 子div设置float之后父div无法自适应高度问题_html/css_WEB-ITnose
-
css 解决父div与子div不在同一容器的问题_html/css_WEB-ITnose
-
css 解决父div与子div不在同一容器的问题_html/css_WEB-ITnose
-
IE6下面父div:padding,子div:float问题_html/css_WEB-ITnose
-
解决子级用css float浮动 而父级div没高度不能自适应高度_html/css_WEB-ITnose
-
IE6下面父div:padding,子div:float问题_html/css_WEB-ITnose
-
解决子级用css float浮动 而父级div没高度不能自适应高度_html/css_WEB-ITnose