css实现自适应屏幕高度;
2011-07-19 13:09
531 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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">
body,html{
margin:0px;
height:100%;
}
.autoHeight{
width:100px;
height:100%;
background:red;
}
</style>
</head>
<body>
<div class="autoHeight">
</div>
</body>
</html>
<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">
body,html{
margin:0px;
height:100%;
}
.autoHeight{
width:100px;
height:100%;
background:red;
}
</style>
</head>
<body>
<div class="autoHeight">
</div>
</body>
</html>
相关文章推荐
- 【笔记】css 实现宽度自适应屏幕 高度自适应宽度
- css实现自适应屏幕高度和双飞翼布局
- css实现自适应屏幕高度
- css实现自适应屏幕高度;
- css实现自适应屏幕高度
- css实现自适应屏幕高度
- CSS实现自适应高度布局:头部底部固定,中间自适应铺满屏幕剩余高度,中间盒子里左盒子固定右盒子自适应宽度
- 奇怪的问题,关于js+css实现页面内容高度自适应的两种解决方案
- CSS实现高度和宽度自适应
- html5实现图片自适应手机屏幕页面的css
- CSS实现高度自适应
- css+div+图片实现高度自适应圆角框
- html css div自适应屏幕宽度,高度
- 【CSS黑科技2】CSS百分比实现高度占位自适应(margin/padding)
- CSS百分比实现高度占位自适应
- iframe自适应高度和宽度 全css实现无javascript
- 从0开始html前端页面开发_CSS实现设置背景图自适应屏幕大小
- html css div自适应屏幕宽度,高度
- css实现屏幕自适应(仿谷歌静态页面)
- 如何通过CSS实现背景图片自动平铺或拉伸至整个屏幕(自适应大小)