解决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的高度会依然，里面的子层会溢出到外面来。兼容方法：不要设置母层高度。

解决ie浏览器不兼容浮动float的办法相关推荐

一行代码解决ie浏览器的兼容
x-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使用. 1.使用一行代码来指定浏览器使用特定的文档模式. <meta h ...
一行代码解决IE浏览器的兼容问题
之前在开发项目的过程中,遇到过因为IE版本产生的兼容问题.在自己电脑上用IE浏览器打开没有发现问题,在他们的电脑上用360浏览器兼容模式打开项目,出现不兼容的问题,而我们的360浏览器版本是一样的.最 ...
解决不同浏览器的css兼容问题
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 ...
IE6,IE7,FF等浏览器不兼容原因及解决办法(转)
IE6,IE7,FF等浏览器不兼容原因及解决办法 2008-07-15 11:26 本文转载,作者:阿里巴巴前端开发,发到这里只是方便以后查看,也给各位需要的朋友. 浏览器的不兼容,大家肯定都是深恶痛 ...
这样解决浏览器不兼容问题
原文出处:http://blog.csdn.net/qq1355541448/article/details/9833147 浏览器兼容性问题怎么解决? 如果想解决浏览器的兼容性问题,你首先要明白在一 ...
IE6IE7Firefox浏览器不兼容原因及解决办法
IE6IE7Firefox浏览器不兼容原因及解决办法一.IE6IE7Firefox浏览器不兼容原因及解决办法 1.文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下 ...
html不兼容的原因,浏览器不兼容的原因和解决方法
浏览器之间不兼容的原因和解决方案网页设计中最大的麻烦之一是网页与不同浏览器的兼容性,这是因为主流浏览器(例如IE 6.0 / IE 7.0 / firefox 2 / Opera 9)无法进行CSS解 ...
火狐浏览器CSS兼容的解决方法~
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-al ...
解决360浏览器兼容模式的页面显示问题
解决360浏览器兼容模式的页面显示问题参考文章: (1)解决360浏览器兼容模式的页面显示问题 (2)https://www.cnblogs.com/njy888888/p/7827200.html ...
html5--4-3 source元素-解决浏览器的兼容
html5--4-3 source元素-解决浏览器的兼容学习要点掌握source元素的用法 source元素-解决浏览器额兼容 HTML5 中新增的元素 video和audio元素的子元素,可指定 ...

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

解决ie浏览器不兼容浮动float的办法相关推荐

最新文章

热门文章