padding、margin以及清除浮动层引发的异常(续)网页设计 -电脑资料

电脑资料 时间:2019-01-01 我要投稿
【www.unjs.com - 电脑资料】

    《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

最新文章