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

WBOY
Release: 2016-06-21 09:34:10
Original
915 people have browsed it

   test2 
  
Copy after login

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

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


回复讨论(解决方案)

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

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

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

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

Copy after login

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

是的


source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!