CSS div float IE和FireFox的兼容性问题

最新推荐文章于 2019-07-24 15:12:18 发布
最新推荐文章于 2019-07-24 15:12:18 发布
阅读量3.8k 收藏
点赞数 1
文章标签： float div firefox ie css class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ccp5780199/article/details/2469323
版权

在IE中，只有指定该DIV的CLASS为FLOAT:left 才会有FLOAT属性

而在FF中，第一个指定后 其后的div也随着平移，所以可以在同级的float加上

.clear{ clear:both;}  <div class="clear"></div>,

 CSS中 height: 19px !important; height: 21px;  在IE是不认important的，如果属性重复，默认截取最后一个。而在FF中important是优先执行的。

div 设置 margin-left, margin-right 为 auto 时 IE 不会居中，但FF可以.

 

ccp5780199
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
CSS多浏览器兼容性(IE和Firefox)技巧大全推荐
01-19
margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如： 复制代码代码如下: <#div id=”imfloat”> 相
css兼容浏览器火狐
最新发布
学习博客 记录技术文档及心得体会
08-09 734
以上代码是兼容不同浏览器的CSS样式。其中，-webkit-是兼容Chrome和Safari浏览器的前缀；-moz-是兼容Firefox浏览器的前缀；最后的box-shadow则是通用属性，是所有浏览器都能支持的。除了使用前缀之外，我们还可以使用浏览器的hack技巧来实现兼容。/* 兼容不同浏览器的CSS样式 *//* 举个例子： */
Firefox下使用float:right换行问题
qingyuexiao的专栏
05-24 515
     今天遇到一个很奇怪的问题，使用float:right时，在Firefox中显示到了下一行（不是内容过长），而在Chrome和IE（10、11）中都是正常的。代码类似如下：    &lt;div&gt; &lt;span&gt;logo&lt;/span&gt; &lt;span&gt;name&lt;/span&gt; &lt;div style="displa...
FireFox网页布局时候内容需自动换行时float属性不起作用
老高的博客
03-05 1679
  使用Dreamweaver8编写如下代码： DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta h
解决float布局下firefox火狐缩小导致div下沉的问题
小菜鸡程序媛的挣扎史
07-24 316
FIFEFOX缩放时效果变化 CHROME缩放效果 判断原因 经过多次试验，应该是在firefox中缩放时border的值引起的问题。因为存在border在缩放时，里面的div不能刚好占据足够的位置，由于float的特性就会下沉。即使数值计算刚好也会发生下沉的问题。 解决方案 1、在item的div中加入 box-sizing: border-box; 这条属性消除b...
CSS <hr>标签在float布局中Firefox和Chrome的差异
dfQ_Qjb的博客
04-21 2257
CSS <hr>标签在float布局中Firefox和Chrome的差异
IE6特有bug兼容性问题整理
11-24
Firefox是支持background:fixed;定位的，IE6只能说是半支持，好吧，这么说吧，可能不太严谨，就是背景图片固定的效果似乎只在根结点起作用。举个很简单的例子： 先看这段css代码： body{background:url(../image/404...
css 兼容性书写记录
12-13
1、div border不能显示 问题描述：用一个div A层中间放了几个div B来存放内容，因为内容是不固定的，于是就使用了对B层使用了float，让A层自适应高度，后面对A层加上边框，在ie中能显示，但是在firefox中就始终没法...
firefox中div+css的外层背景色不见的解决方法
12-13
复制代码代码如下: <div class=”header”> <div class=”header_left”>header_left</div> <div class=”header_right”>header_right</div> </div> .header{width:1000px;background:red;} .header .header_left{...
IE Firefox在css中的差别 (部分)
01-19
3、高度问题 问题：如果设置了一个DIV的高度，当DIV里实际内容大于所设高度，ie会自动拉伸以适应DIV容器大小，ff会固定DIV的告诉，超过部分超出DIV底线以外，出现和下面的内容重叠的现象 解决：控制恰当的高度，或者...
解决ie浏览器不兼容浮动float的办法
菜鸟史
06-06 8098
一、并排在一行的两个div样式有这种情况：ie或者ff下对于子div设置float左的时候，如果另外的子div没有设置float左的话，两个浏览器下会有区别，具体有一个会产生间隙。兼容做法就是都设置float属性。但是记住有设置过float就要将float clear掉，不然下面的div会叠在已float的div上。我通常把清除浮动写成单独的放在所有浮动div的最下方。 二、在上述1情况中需
火狐浏览器CSS兼容的解决方法
greatwillc的专栏
07-09 576
DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加 height
【原创】今天发现CSS上的一点使用FLoat要注意的地方（FireFox＋IE）
goody9807的专栏
07-17 1261
 有两个div.left{    float:left;    width:20%;    border:solid 1px red;}.Right{    float:right;    width:76%;}在firefox下右边框css设置只能用float：right ，IE下可以用float：left设置完后 在IE下发现是正常显示的,但是在firefox下看左边的就差了那么点，后来把
Web前端 ie6似乎不支持float:left 解决办法
给力VSTO
10-10 1324
ie6似乎不支持float:left 解决方法 IE6里面不兼容,DIV没有打横排列,而显示成竖着排   两条语句让你的div变好    1、浮动的div 设置display:inline 2、浮动的div 加overflow:hidden 其他问题解决办法可参考：http://www.myexception.cn/h/1329770.html
IE6.0、IE7.0 与FireFox CSS兼容的解决方法
girlsjinger's BLOG
09-04 1166
1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加 heigh
IE与Firefox属性float不兼容使用clearboth
Kinley.H的专栏
11-04 1294
IE与firefox中float不兼容问题解决办法： 在div的style中添加clear:both;属性（禁止环绕） clear:both;
html怎么设置火狐ie兼容模式,IE、Firefox和Chrome之间的CSS兼容性(wordpress)
05-24
至于跨浏览器的CSS兼容性问题，可以使用以下方法来解决： 1. 了解浏览器的CSS支持情况，并使用相应的CSS属性和值。 2. 使用CSS前缀来适应不同的浏览器，例如： ```css -webkit-border-radius: 5px; -moz-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值