位置: 编程技术 - 正文

IE和FIREFOX下CSS的区别与解决方法第1/2页(适者生存作文800字议论文)

编辑:rootadmin
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 对高度的解析 IE:将根据内容的高度变化,包括未定义高度的图片内容,即使定义了高度,当内容超过高度时,将使用实际高度 Firefox:没有定义高度时,如果内容中包括了图片内容,MF的高度解析是根据印刷标准,这样就会造成和实际内容高度不符合的情况;当定义了高度,但是内容超过高度时,内容会超出定义的高度,但是区域使用的样式不会变化,造成样式错位。 结论:大家在可以确定内容高度的情况下最好定义高度,如果真的没有办法定义高度,最好不用使用边框样式,否则样式肯定会出现混乱! img对象alt和title的解析 alt:当照片不存在或者load错误时的提示; title:照片的tip说明。 在IE中如果没有定义title,alt也可以作为img的tip使用,但是在MF中,两者完全按照标准中的定义使用 结论:大家在定义img对象时,最后将alt和title对象都写全,保证在各种浏览器中都能正常使用 其他的细节差别 当你在写css的时候,特别是用float: left(或right)排列一窜图片时,会发现在firefox里面正常而IE里面有问题。无论你用margin:0,还是border: 0来约束,都无济于事。 其实这里还有另外一个问题,就是IE对于空格的处理,firefox是忽略的而IE对于块与块之间的空格是处理的。也就是说一个div结束后要紧接着一个div写,中间不要有回车或者空格。不然也许会有问题,比如3px的偏差,而且这个原因很难发现。 非常不走运的是我又碰到了这样的问题,多个img标签连着,然后定义的float: left,希望这些图片可以连起来。但是结果在firefox里面正常而IE里面显示的每个img都相隔了3px。我把标签之间的空格都删除都没有作用。 后来的解决方法是在img外面套li,并且对li定义margin: 0,这样就解决了IE和firefox的显示偏差。IE对于一些模型的解释会产生很多错误问题,只有多多尝试才能发现原因。 2、嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案 <div id="parent"> <div id="content"> </div> </div> 当Content内容多时,即使parent设置了高度%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案 <div id="parent"> <div id="content"></div> <div style="font: 0px/0px sans-serif;clear: both;display: block"> </div> </div> 在层的最下方产生一个高度为1的空格,可解除这个问题 3、CSS DIV 学习笔记 一、基本上每个区块的div 都要有自己的id,杜绝不同功能的区块用同一个id/class 二、每个稍大的区块div 后面都跟一个<!-- /id -->标记开始、结束 三、隐藏文字的又一种方法 TEXT-INDENT: -px; LINE-HEIGHT: 0 四、巧妙地处理并列的两列: 1) 右列为P, width=.5%, float=left 左列为P.first, border-right: #a7a7a7 1px solid, width=% 2) 右列#right, margin-left:% 左列#left, float=left,width=% border-right:#a7a7a7 1px solid 以上两种方法关键点在于选择其中一个为float=left 五、随机的切换图片: #random { BACKGROUND: url(/rotate.php); } 这个方法很巧妙。 4、关于div的高度自适应   今天小尿让我帮他的页子解决一个问题,就是div的高度自适应,也就是在一个父级div中嵌套一左一右两个子div,右边的子div内容可无限扩展,而可以使得父级div的高度能被无限拉长,用一般的布局方法,在IE中可以正确浏览,在Mozilla中父级div的高度就固定在px左右,无法自适应高度,height:auto也不行,怎么办呢。网上参考到一篇资料,要实现自适应高度,div层必须具有float属性,于是我开始动手试验,float:left的话,div就跑到页面最左边去了,这好办,我在它的外面再套一层div,把位置定好,那么里面的就算float:left也不会被移动位置了。 xhtml: ========================================================== <div id="container_father"> <div id="container"> <div id="panel"> test<br /> test<br /> test<br /> <!-- id="panel" --> </div> <div id="sidebar"> <ul> <li class="current">预安装检查</li> <li>阅读 PFC 授权协议</li> <li>初始化数据库</li> <li>完成安装</li> </ul> <!-- id="sidebar" --> </div> <!-- id="container" --> </div> </div> CSS ================================================= #container_father { margin-left: auto; margin-right: auto; padding: 0px; width: px; } #container { width: px; border: 1px solid #cccccc; padding: 8px; margin: 0px; background-color: #F1F3F5; float: left; } FRom:

推荐整理分享IE和FIREFOX下CSS的区别与解决方法第1/2页(适者生存作文800字议论文),希望有所帮助,仅作参考,欢迎阅读内容。

IE和FIREFOX下CSS的区别与解决方法第1/2页(适者生存作文800字议论文)

文章相关热门搜索词:持身份证照片泄露有什么危,店面装修多久,cad锁定图层透明度,邵阳拔智齿要花多少钱,持身份证照片泄露有什么危,适者生存作文800字议论文,邵阳拔智齿要花多少钱,邵阳拔智齿要花多少钱,内容如对您有帮助,希望把文章链接给更多的朋友!

用CSS让表格返转的代码 IE only 返转或度应理解为翻转或度,用镜像翻转滤镜fliph,flipv.一个表格原地不动brtableborder="1"cellspacing="0"cellpadding="0"width=""height=""trtdalign="center"一个

做网页经常要注意的常识 整理收集 背景图片不滚动IE浏览器支持一个Body属性bgproperties,它可以让背景不滚动:BodyBackground="图片文件"bgproperties="fixed"关于onfocus,onblur今天在BI里看到这样的贴

div+css实现的滑动门,简洁,新手上路 (小鸽子系列) 以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于

标签: 适者生存作文800字议论文

本文链接地址:https://www.jiuchutong.com/biancheng/371983.html 转载请保留说明!

上一篇:CSS选择符说明(css中选择符)

下一篇:用CSS让表格返转的代码 IE only(css翻转正反面)

  • 饮食企业简介
  • 商贸企业购销混凝土税率怎么选择
  • 公司车辆过户给个人需要交多少税
  • 小规模季超30万,蔬菜还免增值税吗
  • 小微企业第一季度不符合条件怎么处理
  • 单张发票金额有多少
  • 管理费0.5%每年
  • 建筑业营改增前后区别
  • 房地产开发企业预收款预缴增值税
  • 具备什么条件的土地可以开发
  • 净残值可以随意更改吗
  • 银行卡的概念和特点
  • 装修公司怎么交钱
  • 开票系统里的开户行可以更改吗
  • 水利建设专项收入税率
  • 不同的征税主体对同一纳税人
  • 增值税税率如何计算
  • 公司技术服务部是干嘛的
  • 银行承兑汇票到期后多长时间失效
  • 免费样品销售给客户计入什么科目
  • 商铺土地增值税清算
  • 抽奖得奖
  • 兼职劳务报酬要交个税吗
  • 其他收入工会经费计税依据
  • 购入已提足折旧的固定资产
  • 桌面级cpu天梯图2023
  • php创建二维数组
  • redis使用php
  • player windows
  • deepin怎么删除账户
  • 医保养老保险怎么查
  • 企业开发产品转为自用的,不得在税前扣除折旧费用
  • bearshare.exe进程安全吗 bearshare是什么进程
  • php 重写 重载
  • sci期刊投稿步骤
  • 兰溪园林绿化养护
  • 用php编写一个简单的计算器程序
  • php array 函数
  • 销售商品尚未发出会计分录
  • 财务报表的作用包括?
  • 销售农产品是否交消费税
  • 小规模纳税人开票限额是多少
  • 职工工资加计扣除
  • 销售明细账本怎么填写
  • 软件开发服务费计入什么科目
  • 应付职工薪酬账户期初余额为4000元
  • 分配股利有几种形式
  • 计提了坏账准备就要计算递延所得税资产
  • 土地储备委员会职责
  • 有形资产有哪些科目
  • 鉴证咨询服务费可以抵扣吗
  • 总账和明细账的保管期限
  • sqlserver日期计算年龄
  • windows更新9%
  • windows隐藏功能
  • 电脑操作系统32位和62位怎么升级
  • 安装最新的Google应用
  • 邮件远程控制
  • backupwx.exe
  • 怎么清空mac用户数据
  • linux修改系统日期命令
  • 怎么设置开机启动项?
  • msscli.exe - msscli是什么进程 有什么用
  • win7系统桌面图标不见了怎么办
  • win7系统怎么设置浏览器主页
  • js解释器有哪些
  • android:View的setTag和getTag使用
  • JavaScript运算符都有哪些
  • Jquery ajax加载等待执行结束再继续执行下面代码操作
  • android deam
  • 耳机插头怎么拔
  • Unite Beijing 2015大型活动
  • 工作笔记范文100篇简短
  • jquery easyui从零开始学pdf
  • js使用类
  • cocos2d-x安装
  • 每月公积金900元交多少
  • 虚假新闻造成的真实伤害
  • 企业所得税改革
  • 车辆购置税申报车辆登记地怎么填
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设