视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
IE6下面父div:padding,子div:float问题_html/css
2020-11-27 16:32:55 责编:小采
文档

			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解决。

是的

下载本文
显示全文
专题