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%;}的 作用

[转]CSS中设置div最小高度(支持IE6, IE7, IE8, FF等浏览器)

在CSS中设置div(及其他块元素)的最小高度时,可以用min-height,但是此属性并不支持IE6及IE6以下的IE版本,这里有一个比较好的办法来解决设置div最小高度时在各个浏览器之间的兼容性问...

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

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

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

来源:http://www.163ns.com/zixun/post/4544.html 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, m...

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

javascript部分1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行解决方法:...

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

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

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

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

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

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

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

转载:http://www.cnblogs.com/myitm/archive/2011/05/17/2048850.html CSS技巧 1.div的垂直居中问题 vertic...

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

FF与IE    1. Div居中问题   powered by 25175.net div设置 margin-left, margin-right 为 auto 时已经居中,IE 不行,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css解决IE、Firefox兼容的div高度100%的问题
举报原因:
原因补充:

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