åä½ ç¨ä»ä¹åæ å
³â¦â¦
å个ä¾åç»ä½
<html>
<head>
<style type="text/css" title="">
html, body, #wrap {height:100%;}
body > #wrap {height:auto; min-height:100%;}
#main {padding-bottom:70px;}/*footer+10pxé´è·*/
#footer {position:relative;margin-top:-60px;height:60px;clear:both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
*html .clearfix { height: 1%;}.clearfix {display: block;}
#content{float:left;width:878px;border:1px solid #999;height:400px;}
#side{float:right;width:98px;border:1px solid #999;}
#footer{border:1px solid #999;}
</style>
</head>
<body>
<div id="wrap">
<div id="main" class="clearfix">
<div id="content">说æ: 使ç¨è¿ä¸ªå¸å±çåæï¼å°±æ¯footerè¦å¨æ»çdiv容å¨ä¹å¤ï¼footer使ç¨ä¸ä¸ªå±ï¼å
¶å®ææå
容使ç¨ä¸ä¸ªæ»çå±ãå¦æç¡®å®éè¦å°æ·»å å
¶å®å级å±ï¼é£è¿ä¸ªå级å±å°±å¿
须使ç¨position:absoluteè¿è¡ç»å¯¹å®ä½ã</div>
<div id="side">Side</div>
</div>
</div>
<div id="footer">ffff</div>
</body>
</html>
温馨提示:答案为网友推荐,仅供参考