在页面布局中，网页的顶部（top）和底部（footer）是固定的像素（分别是100px和50px），中间的区块（center）填充满浏览器中间的位置，即不管浏览器界面是多高，center的高度始终等于浏览器的100%-100px-50px。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> <!-- *{margin:0;padding:0;} html,body{height:100%;background: #000; text-align: center;} .center{height:100%; background:#ddd; width: 100%;margin: 0 auto;} .top{height:100px;background: #ccc;margin-bottom:-100px;position: relative; line-height:100px;} .footer{height:50px;width:100%;background: #bbb;margin-top:-50px; line-height:50px;} --> </style> </head> <body> <div class="top">固定高度200px </div> <div class="center"> </div> <div class="footer">固定高度100px </div> </body> </html> 提示：您可以先修改部分代码再运行
Copyright © 2003- PowerEasy Yahu All Rights Reserved.
Power by PowerEasy® SiteFactory™ 4.0 粤ICP备09060397号
