自动适应高度的CSS代码
分类:CSS
来源:网络
时间:2010-08-16 00:20:11
自动适应高度的CSS代码，CSS如何做到自适应？这里的代码有些需要注意的地方，如果你认真看的话你会发现是有技巧的。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
html,body
{
margin:0 0 0 0;
height:100%;
}
div{border:1px dashed red}
#wrapper
{
position:relative;
width:100%;
height:100%;
overflow:hidden;
}
#div1
{
float:left;
width:100%;
height:50px;
}
#div2
{
float:left;
width:100px;
{padding-bottom: 32767px; margin-bottom: -32767px;}
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="div1"></div>
<div id="div2"></div>
</div>
</body>
</html>
- 默认分类(20)
- J2EE(25)
- Java(56)
- PHP(55)
- SEO(10)
- 网页设计(20)
- 网站建设(37)
- 数据库(7)
- JavaScript(17)
- JQuery(6)
- MySQL(20)
- SQL Server(6)
- Access(1)
- Oracle(6)
- office(6)
- Dreamweaver(4)
- Photoshop(12)
- Flash(9)
- Fireworks(13)
- CSS(14)
- HTML(4)
- .NET(7)
- ASP(2)
- DB2(1)
- Ajax(2)
- Linux(12)
- Struts(7)
- Hibernate(8)
- Spring(2)
- Jsp(22)
- Asp(8)
- C#(3)
- C++(1)
- 网络安全(5)
- 软件工程(7)
- XML(1)
- English(2)
- 计算机等级考试(2)
- 计算机病毒(4)
- 个人日志(76)
- 互联网(15)
- ActionScript(10)
- Android(3)
- 数据结构与算法(1)
- 游戏策略(3)
- 美文翻译(2)
- 编程开发(19)
- 计算机应用(4)
- 计算机(10)
- Unity3d(6)
- 其他(1)
- egret(1)
