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

最新推荐文章于 2021-08-04 03:12:47 发布

ForMyWebFrontSide

最新推荐文章于 2021-08-04 03:12:47 发布

阅读量2k

点赞数

分类专栏： css

css 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!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>