您的位置：首页 > Web前端 > HTML

html高度随分辨度改变而改变

2015-12-03 15:24 549 查看
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>无标题文档</title>

<style type="text/css">

html,body{height:100%; width:100%; overflow:hidden; margin:0; padding:0;}

.a1{width:100%; height:80px; color:#fff; background-color:#369; text-align:center;}

.main{width:100%; height:80%; overflow:hidden; margin:0; padding:0;}

.a2{width:100%; height:100%; color:#fff; background-color:#666; text-align:center;"}

.a3{width:100%; height:80px; color:#fff; background-color:black; text-align:center;overflow:hidden;}

</style>

</head>

<body>

<div class="a1">div1</div>

<div class="main">

        <div class="a2">div2</div>

</div>

<div class="a3">div3</div>

</body>

</html> 
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html css 分辨率
相关文章推荐
新的分享
章节导航