我想问下 就是上下结构的话 如何自适应？ 就是如何随着content中的内容增加而尾部 footer跟随在后面呢
<html>
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no" charset="utf-8">
<title>锋尚科技</title>
<STYLE type="text/css">
*{margin:0;padding:0;}
body, html {
margin: 0;
padding:0 ;
padding:0px 0 0px 0;
width:100%;
height:100%;
}
.header {
background:#C9F;
width: 100%;
height: 90px;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
text-align: center;
background-color: #FFCC00;
}
.content {
position:absolute;
position:relative;
top:90px!important;
top:0;
width:100%;
clear: both;
height:auto;
height:100%;
left: 0px;
}
.main {
height:auto;
text-align:center;
}
.footer {
background: #9CF;
width: 100%;
height:auto;
color: #e1efff;
line-height: 32px;
letter-spacing: 1px;
text-align: center;
clear: both;
position: absoulte;
background-color: #FF6600;
}
.fh{
background-color:#FFFFFF;
border:2px solid #FFFFFF;
padding:10px 0 10px 0;
border-bottom-color:#C0D9D9;
}
.fg{
backgroud-color:#e1efff;
text-color:blue;
}
</STYLE>
<?php
?>
<body>
<!-- 代码 开始 -->
<div class="header">
<br /><h2>锋尚科技</h2>
</div>
<div class="content">
<div class="main">
<div class="fh" >锋尚科技是有feng创立的一个微网站</div>
<div class="fh" ><a href="/zhuye.html">这是我们的</a></div>
<div class="fh" ><a href="/test.html" >这是我们的</a></div>
<div class="fh" >这是我们的</div>
<div class="fh" >这是我们的</div>
<div class="fh" >这是我们的</div>
<div class="fh" >这是我们的</div>
<div class="fh" >这是我们的</div>
<div class="fh" >这是我们的</div>
<div class="fh" >这是我们的</div>
<div class="fh" >这是我们的</div>
<div class="fh" >这是我们的</div>
<div class="fh" >这是我们的</div>
<div class="fh">查找更多代码，请访问：<a href="http://m.wsq.qq.com/263295962" target="_blank">微社区</a></div>
<div class="fg" >2014-2015|版权 由@feng建立|翻版必究</div>
</div>
</div>
<div class="footer" >2014-2015|版权 由@feng建立|翻版必究</div>
<!-- 代码 结束 -->
</body>
</html>
