《padding、margin以及清除浮动层引发的异常》文中针对“ 浮动层套浮动层并在外层使用padding 而产生的mirror margin bug ” 的解决方案:优化clear层 +display:inline,
padding、margin以及清除浮动层引发的异常(续)网页设计
。 其结果只是将mirror margin bug 转移走了而已。使用优化过的clear层 ,在以下情况再度发现mirror margin bug !!条件:浏览器当然还是ie(6,7),外层无浮动(宽度auto,设置padding-top)套内层浮动层,并用单独的优化过的clear 空层清除浮动。想必这一结构是我们最常写的结构了~~~。
bug症状:内层浮动层与浮动层之间的垂直方向上,外层的padding-top被复制到这里了~~,+display:inline而且还会伴随高度或者padding-bottom的异常~~,可以通过设置外层的宽度或设置外层zoom:1解决以上问题,但从模块化工程化的角度出发,不能要求所有这样的外层设置zoom属性,所以可以宣布《padding、margin以及清除浮动层引发的异常》文中对 clear层的优化无效了~~,
电脑资料
《padding、margin以及清除浮动层引发的异常(续)网页设计》(https://www.unjs.com)。—————还是回到之前的问题mirror margin bug
条件:浏览器当然还是ie(6,7),外层浮动(与宽度无关,设置padding-top)套内层浮动层,并用单独的优化过的clear 空层在内层清除浮动。
bug症状:在清除浮动的地方多出 “大小为外层padding-top值” 的留白。
实在无法解决只能用外套层清除浮动了~~
来自:http://www.f-dev.com/262