ie浏览器和火狐浏览器对对容器宽度定义的差异

　首先我们说说firefox和IE对CSS的宽度显示有什么不同： 　　其实CSS ’width’ 指的是标准CSS中所指的width的宽度，在firefox中的宽度就是这个宽度。它只包含容器中内容的宽度。而Internet Explorer ’width’则是指整个容器的宽度，包括内容，padding ，border。 Firefox中：容器占的宽度=内容宽度+padding宽度+border宽度 IE中：内容宽度=您定义的容器宽度(Internet Explorer ’width’)-padding宽度-border宽度 

　　所以，如果IE中定义 width:120px;padding:5px 的话，所显示的宽度就是120px. 　　即padding:5px是在width里面。 　　而Firefox中，上面这个定义，显示宽度就是 125 px; 　　所以，我们就必须这样定义 　　 width:115px !important;width:120px;padding:5px;　　必须注意的是， !important; 一定要在前面。

ie浏览器和火狐浏览器对对容器宽度定义的差异,布布扣,bubuko.com

时间： 2024-10-20 09:23:40

ie浏览器和火狐浏览器对对容器宽度定义的差异的相关文章

IE浏览器跟火狐浏览器兼容写法3

HACK设置 仅IE7识别 *+html {…} 当面临需要只针对IE7做样式的时候就可以采用这个HACK. IE6及IE6以下识别 * html {…} 这个地方要特别注意很多地主都写了是IE6的HACK其实IE5.x同样可以识别这个HACK.其它浏览器不识别. html/**/ >body select {……}网页教学网 这句与上一句的作用相同. 仅IE6不识别 select { display /*IE6不识别*/:none;} 这里主要是通过CSS注释分开一个属性与值,流释在冒号前.

IE浏览器跟火狐浏览器兼容写法2

XHTML+CSS兼容性解决方案小集 ! 我就先把一些我遇到的问题写在下面: 1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div{margin:30px!important;margin:28px;}注意这两个margin的顺序一定不能写反,据阿捷的说法!important这个属性IE不能识别,但别的浏览器可以识别.所以在IE下其实解释成这样: div{maring:30px;margin:28px}重复定义的话按照最后一个来执行,所以不可以只写m

IE浏览器跟火狐浏览器兼容写法（1）

CSS样式表在Firefox和IE下的区别 总结的一些CSS在FF和IE下的区别!可能不完整,以后会陆续补充. FireFox: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 FireFox: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 FireFox: 设置 padding 后, div 会增加 height 和 widt

火狐浏览器下载|火狐浏览器Firefox电脑版下载

网络上chrome是最火的,速度是最快的,但那是以前,后来的IE,火狐速度都已经和他一样了,微软的新浏览器edge更是号称超越它,但火狐是当今唯一单线程浏览器,就凭这一点,就能说他了不起了,当你看到那chrome几十个线程在运行 的时候,你是否对火狐重新看待了吗?火狐浏览器下载链接火狐浏览器是一个自由及开放源代码网页浏览器,拥有最先进的技术.最强大的性能,还有着极高的运行速度和加载速度,还被网友们公认为速度之王.而且它的内置插件也很丰富,隐私保护也做的很周全,因此受到广大网友的喜爱.并且里面的许

关于document.body.scrollTop 的谷歌，火狐浏览器兼容问题

最近开发页面, 出现一个问题, 弹框在谷歌浏览器正常,在火狐浏览器中, 当滚动条滚动之后,弹框就显示在上面,也就是说document.body.scrollTop 它只适用于google浏览器, 火狐浏览器就要改为document.documentElement.scrollTop,但是如果做兼容的话,我的解决方法是document.documentElement.scrollTop + document.body.scrollTop. 这样就解决的不兼容的问题.

人工智能 - 基于火狐浏览器的语音识别,语音自动回复

目录 人工智能 - 基于火狐浏览器的语音识别,语音自动回复 一. 需求工具 二. 不废话,上代码 1. index.HTML 2. adiou.py(封装的 百度AI, 图灵机器人 函数) 3. app.py(路由视图, 逻辑)**** 4. mongodb.py 5. run.py(Flask启动) 人工智能 - 基于火狐浏览器的语音识别,语音自动回复 一. 需求工具 下载安装火狐浏览器 因为火狐浏览器自带麦克风 安装Recorer.js 一个易于使用的录音机,以Matt Diamond的 录

Ubuntu & 配置火狐浏览器

Ubuntu确实不太友好,自带的火狐浏览器是旧版的,而且不可以登录中国区的火狐帐号,因此需要将其卸载. 但是下载的火狐是解压版的,不会向系统中添加快捷方式,使用起来并不方便. 假设下载后的火狐浏览器安装包存放于~/library/program中 [email protected]:~$ cd ~/library/program/ [email protected]-pc:~$ tar -xf Firefox-latest-x86_64.tar.bz2 [email protected]-pc:

网页制作常见的问题（怎样兼容IE6/IE7/火狐浏览器）

1.IE6双边距问题? 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG 例如: <style type="text/css"> body {margin:0} div { float:left; margin-left:10px; width:300px; height:300px; border:1px solid red; } </style> 因为加上浮动后就会多出一倍的边距,浮动

网页制作常见的面试题（怎样兼容IE6/IE7/火狐浏览器）

1.IE6双边距问题? 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG例如:<style type="text/css">body {margin:0}div { float:left; margin-left:10px; width:300px; height:300px; border:1px solid red; }</style>因为加上浮动后就会多出一倍的边距,浮动后本来外边距