<html>
<head>
<style type="text/css">
html, body, #wrap{ height: 100%; width:100%;padding:0px; margin:0px;}
#main{padding-bottom: 0px;}
/* 必须使用和footer相同的高度 */
#footer
{
left:0px;
right:0px;
position: relative;
margin-top: -0px; /* footer高度的负值 */
height: 150px;
background: #ddd;
clear: both;
padding:0px;
}
.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix
{
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
height: 1%;
}
.clearfix
{
display: block;
}
</style>
</head>
<body>
<div >
HHHHHHHHHHHHHH
</div>
asdfasdfasd
</body>
</html>
相关文章：