ie6布局网页padding值加倍的如何解决方法

蔚蓝色的天,深蓝色的海,金黄色的沙,灰白色的鸥,穿着米白格子衬衫的你,站在金灿灿的阳光下,很耀眼。
ie6真的让人崩溃啊,每次布局网页的时候都要去测试,总会有各种问题,今天又遇到问题了,就是设置了padding值后,ie6加倍了padding值,最终找到解决方法,赶快来做个备忘。

我们在用CSS布局网页的时候常常会用的float浮动,为了兼容各浏览器,往往会在最后一个浮动后面加上一个空的div用来清除浮动,如:<div class="clear"></div>,但是今天发现,只要设置了padding值的元素内有<div class="clear"></div>,ie6就会加倍padding值,解决方法就是在clear样式中加入如下代码:
复制代码
代码如下:

.clear{clear:both;height:0px;overflow:hidden;}

本文ie6布局网页padding值加倍的如何解决方法到此结束。克服困难,勇敢者自有千方百计,怯懦者只感到万般无奈。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例