ie6/ie7/firefox/dispaly:inline-block:兼容性

文字内容

</div>

.update{position:relative; display:inline-block; *zoom:1; *display:inline; *overflow:hidden; padding-right:25px;}

.order{position:absolute; top:-2px; right:0;}

由于ff，ie8，chrome 支持inline-block，所以其形成一个内联块，并有一个右边的内边距，所以其子元素的绝对定位right：0；可以做到右边为0，即可相对于左边自适应。

而ie6，ie7不支持inline-block，所以其右边内边距不能用，需要将其设置为display:inline,变为内联元素，然后设置：zoom：1；触发layout,其显示效果为inline-block。

总计：ie6，ie7下display:inline; zoom:1;=====ff,ie8,chrome的inline-block

转载于:https://www.cnblogs.com/hnwyz/archive/2011/05/20/2051815.html

ie6/ie7/firefox/dispaly:inline-block:兼容性相关推荐

IE6 / IE7 / Firefox 的margin问题解决办法
from:http://www.cnblogs.com/zzh/archive/2008/09/03/1283310.html 这两天在做一个网站的布局,因为经常用firefox,所有的内容都是在fi ...
IE6,IE7,firefox火狐浏览器兼容性在DIV+CSS中的写法
DIV+CSS浏览器兼容问题一直困绕着许多从事DIV+CSS网页排版的美工人员,尤其是IE与火狐的兼容.用DIV+CSS布局的网页在IE下显示一切正常,可是在火狐(FireFox)浏览器里打开,本来好 ...
IE6,IE7 Firefox 兼容问题
2019独角兽企业重金招聘Python工程师标准>>> 关于ie6.ie7和ff浏览器兼容网友评论 0 条转载到博客 2009-1-8 16:11:23 来源: 本站整理顶一下 ...
CSS hack:区分IE6 IE7 Firefox
区别不同浏览器,CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !impor ...
IE6/IE7/Firefox浏览器不兼容原因及解决办法
浏览器的不兼容,大家肯定都是深恶痛绝的,往往我们只是去做修补,却忘了更重要的事情,那就是追溯根源,避免类似的不兼容再次出现.在下不才,归纳几点html编码要素,望能指点各位: 1.文字本身的大小不兼容 ...
DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 ...
div+css 布局下兼容IE6 IE7 FF常见问题
div+css 布局下兼容IE6 IE7 FF常见问题收藏所有浏览器通用 (市面上主要用到的IE6 IE7 FF) height: 100px; IE6 专用 _height: 100px; I ...
DIV CSS IE6/IE7/IE8/FF兼容问题汇总
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...
IE6/IE7/IE8/FF兼容问题汇总，以及解决方案
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...

ie6/ie7/firefox/dispaly:inline-block:兼容性

ie6/ie7/firefox/dispaly:inline-block:兼容性相关推荐

最新文章

热门文章