最新知识
热点文章
- 一个自动适应高度的CSS代码
- 来源： 作者：Helly 日期：2008-10-21 10:29:24 点击： 次
今天在网上看到一个可以自动适应高度的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>上面的代码在这里没提供运行窗口。如果要运行的话可建立一个静态页面进行运行。
- 文章来源：广州网站建设
- 上一篇：学习ASP的最基本知识
- 下一篇：没有了!