css 网页宽度高度自适应
2014-04-10 14:33
218 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>高度自适应</title>
<style type="text/css">
html{
margin:0;
border: 0;
height:100%;
overflow: hidden;
}
body{
margin: 0;
border: 0;
width:100%;
height:100%;
overflow: auto;
background: yellow;
}
.zhu{
width:100%;
height:300%;
background: blue;
}
</style>
</head>
<body>
<div class="zhu">
高度自适应
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 常用CSS属性
- 高效CSS开发核心要点摘录
- CSS 不换行 white-space 属性详解
- unslider通用样式，兼容ie6,ie7
- CSS 学习四
- CSS鼠标手势
- 用JS改变的元素CSS样式
- 超赞的CSS3进度条 可以随进度显示不同颜色
- 关于CSS中的float和position
- css text-overflow 超过宽度显示省略号
- 经验总结：按需加载JS和css
- css选择器分类与作用
- 浏览器CSS解析的词法语法初步介绍
- CSS z-index 的效果
- CSS学习三
- CSS学习二
- CSS3动画animation实现漂浮的云
- CSS 学习一
- js,css压缩入门
- CSS3图片阴影效果解析