当前位置: 首页 电子商务

ie浏览器不兼容浮动float的解决办法

栏目:电子商务 作者:重庆幺哥电脑 时间:2014-09-02 14:05:53

最近在做一个人才网的div+css设计,昨晚发现了长期以来一直无记录下来的问题!关于兼容IE不兼容float属性,沈军分享一下关于IE浏览器不兼容浮动float的解决办法。

一、并排在一行的两个div样式有这种情况:ie或者ff下对于子div设置float左的时候,如果另外的子div没有设置float左的话,两个浏览器下会有区别,具体有一个会产生间隙。兼容做法就是都设置float属性。但是记住有设置过float就要将float clear掉,不然下面的div会叠在已float的div上。我通常把清除浮动写成单独的<div class=”clear”></div>放在所有浮动div的最下方。

二、在上述1情况中需要设置子div的宽度,假如不设置的话子div的宽度会被默认为母div的100%,这样float根本就产生不了效果。当然还可以用display:inline的方法让两个子div并排,但是这样的话div的宽度设置将会失效(要把子div撑大只能考里面的元素)。

三、ie中母div被设置成特定高度之后,假如里面的子div高度(有float的话就以清除float的div的最底为总高度)超过了母div设置的高度,ie会自动把母div撑大,但是ff却不能,ff中母div的高度会依然,里面的子层会溢出到外面来。兼容方法:不要设置母层高度。

阅读:5977次
我要留言

网友留言

李明

谢谢分享,我现在用的模板开启七牛加速后就不支持IE8以下版本浏览器,还没找到解决方法。

2014-09-03 09:01:13 回复

沈军

@李明:ie浏览器兼容性这块很麻烦,我也是似懂非懂。

2014-09-03 09:29:29 回复

胶粘剂

9月,来串门了

2014-09-03 15:34:21 回复

博客赚钱

兼容性永远都是开发者的硬伤。。。

2014-09-05 16:19:48 回复

廊坊网站建设

打个酱油,围观下

2014-09-05 16:29:42 回复

成人用品

博主,中秋节快乐

2014-09-08 10:07:19 回复

我要留言

  

微信扫一扫 预约上门维修

分类栏目