css解决IE、Firefox兼容的div高度100%的问题

转载 2015年11月20日 23:54:53
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>css解决IE、Firefox兼容的div高度100%的问题</title>
    <style>
        html,body{ margin:0; height:100%; }
        .weste {
            height: 100%;
            background: #00F;
        }
    </style>
</head>
<body>
<div class="weste">
    <img width="100%" height="100%" src="http://www.weste.net/images/logo.png"/>
<div style="width: 100px;height: 300px;border:1px solid red;"></div>
</div>
</body>
</html>

关于firefox的高度 html,body{ height:100%;}

关于 html,body{ height:100%;}的 作用
  • ling369523246
  • ling369523246
  • 2015年09月05日 14:10
  • 1007

input书写css的注意事项 标签高度不一样 浏览器不兼容

最近发现input标签是总不能获得跨浏览器的统一样式。主要的问题有这么两个:一是input标签的高度不能统一,各浏览器不兼容,Firefox和IE中的高度始终不能一致;二是在IE浏览器中属性为text...
  • cherry_vicent
  • cherry_vicent
  • 2014年12月02日 15:02
  • 3144

浏览器兼容性问题解决方案之CSS——已在IE、FF、Chrome测试

在浏览器兼容之JavaScript篇——已在IE、FF、Chrome测试和浏览器兼容性问题解决方法,已在IE、FF、Chrome测试中已经对浏览器中存在的CSS的兼容性和JS的兼容性进行了简单说明,现...
  • dandanzmc
  • dandanzmc
  • 2014年01月27日 14:20
  • 32345

史上最全的CSS hack方式一览(解决IE6-IE11,Firefox/Safari/Opera/Chrome兼容问题)

做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道...
  • dayu9216
  • dayu9216
  • 2017年04月18日 10:15
  • 2187

div+css 解决ie6兼容问题总汇

  • 2011年05月23日 08:57
  • 16KB
  • 下载

div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...) 一

CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是...
  • limfungsuen
  • limfungsuen
  • 2012年02月03日 15:44
  • 315

解决css firefox火狐浏览器IE浏览器下的兼容性问题

来源:http://www.163ns.com/zixun/post/4544.html 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, m...
  • xyzroundo
  • xyzroundo
  • 2012年10月23日 00:25
  • 1033

javascript和css在ie和firefox中关于兼容性问题的解决办法

javascript部分1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行解决方法:...
  • lampsunny
  • lampsunny
  • 2011年03月29日 16:23
  • 567

div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..

CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是...
  • guobiaomzld
  • guobiaomzld
  • 2011年12月23日 11:03
  • 644

div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...) 四

IE6、IE7、FF 与兼容性有关的特性 CSS HACK 代码: 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px;powered by...
  • limfungsuen
  • limfungsuen
  • 2012年02月03日 15:47
  • 402
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css解决IE、Firefox兼容的div高度100%的问题
举报原因:
原因补充:

(最多只允许输入30个字)