清除浮动小记，兼容Ie6,7

分类: IT文章 • 2023-03-23 11:12:34

.clearfix { *zoom:1;}

.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'20';}

扫除浮动三种方法兼容IE Firefox Chrome等
清除浮动时，FF和IE的兼容性解决思路
IE6 浏览器常见兼容问题大汇总（23个） IE6以及各个浏览器常见兼容问题大汇总 1.文档类型的声明。产生条件：IE6浏览器，当我们没有书写这个文档声明的时候，会触发IE6浏览器的怪异解析现象；解决办法：书写文档声明。 2.不同浏览器当中，很多的标签的默认样式不同，如默认的外部丁内补丁。产生条件：不同浏览器；解决办法：利用CSS reset文件进行样式的清除，然后再根据需要进行设置。 3.横向双倍外边距产生条件：在IE6中块元素浮动后，会出现横向双倍margin现象。解决办法：在float标签的样式控制中加入display：inline 4.默认行高产生条件：IE6、IE7、遨游浏览器；设置的文字高度超出盒模型内容区域设置的高度时会影响布局。解决办法：给超出高度的标签设置overflow：hidden；或者将文字的行高line-height设置为小于块的高度。 5.img外部的border 产生条件：img外部有a标签，即img标签有链接时解
IE6 浏览器常见兼容问题大汇总（23个）[转载] 1.文档类型的声明。产生条件：IE6浏览器，当我们没有书写这个文档声明的时候，会触发IE6浏览器的怪异解析现象；解决办法：书写文档声明。 2.不同浏览器当中，很多的标签的默认样式不同，如默认的外部丁内补丁。产生条件：不同浏览器；解决办法：利用CSS reset文件进行样式的清除，然后再根据需要进行设置。 3.横向双倍外边距产生条件：在IE6中块元素浮动后，会出现横向双倍margin现象。解决办法：在float标签的样式控制中加入display：inline 4.默认行高产生条件：IE6、IE7、遨游浏览器；设置的文字高度超出盒模型内容区域设置的高度时会影响布局。解决办法：给超出高度的标签设置overflow：hidden；或者将文字的行高line-height设置为小于块的高度。 5.img外部的border 产生条件：img外部有a标签，即img标签有链接时解决办法：设置img边框border
清除浮动小记，兼容Ie6,7
兼容IE,火狐狸的自定义tips，浮动显示文字
FLASH遮挡DIV浮动层解决方案兼容IE FF Chrome
hasLayout与BFC的触发条件 hasLayout与BFC是分别在IE和其他浏览器上的两个作用很相近的概念，在很多时候，我们需要触发它们去实现有些效果。例如清除浮动时需要触发hasLayout与BFC；很多自适应的两栏和三栏布局（两边固定宽度，中间自适应）需要触发hasLayout与BFC；很多奇形怪状的IE bug的解决需要触发hasLayout…至于详细的用法这里就不做详细说明了，这里说说触发hasLayout与BFC的条件： Layout是 IE 的专有概念，它决定了元素如何对其内容进行定位和尺寸计算，与其他元素的关系和相互作用。HTML的元素中，有些是默认就已经触发了Layout，而有些默认没有触发。当IE的Layout被触发后，我们就说该元素“拥有布局”，使用object.currentStyle.hasLayout可获取到ture值，否则将获取到false，并且Layout的触发是不可逆的。关于Layout的更详细介绍，推荐这篇文章《On having layout》。hasLa
html/css 盒子布局 Margin 、Padding 、border 以及清除浮动的知识（学习HTML过程中的小记录）
纯CSS定位的固定浮动层代码不闪兼容IE6 八火狐谷歌等
bash
git merge / rebase 分支的新建与合并

清除浮动小记，兼容Ie6,7

相关推荐