页脚结尾的页脚

Question

我做了一个div有类页脚，并希望页脚在页面的末尾没有实际固定。

显示内容元素的数据完成时，我提到内容的最小高度等于90％，这样如果没有更多的数据，那么在这种情况下，页脚也应该是页面的结尾。

这是我的css代码

.header-cont 
{
width:100%;
position:absolute;
top:0px;
}
.header {
height:50px;
background:#3399FF;
border:1px solid #CCC;
width:100%;
margin:0px auto;
text-align:center;

}

.footer{
position:absolute;
text-align:center;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
width:100%;
background-color: #3399FF;
height:35px;
} 
.footer-data
{   
padding:7px;
text-align:center;
font-size:18px;
}

.content{
min-height:90%;
width:1130px;
    background: white;
    border: 1px solid white;
top:80px;
margin-right:155px;
margin-top:100px;
margin-left:125px;
}

HTML代码

 <div class="header-cont">

 <div class="header">

</div>

</div>

<div class="content">

</div>

<div class="footer">

<div class="footer-data">
footer data
</div>
</div>