iLeichun

当前位置: 首页 > CSS

自动适应高度的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>

更多