关于上中下三栏自适应100％高度。


答案：运行代码框
<!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><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style type="text/css">*{margin:0;padding:0;}html{padding:0 !important;padding:100px 0;width:100%;height:100%;overflow:hidden;}body{padding:100px 0;padding:/**/0;height:100%;overflow: hidden;}#header{position:absolute;top:0;width:100%;height:100px;background:#ccc;line-height:100px;text-align:center;}#middle{position: absolute!important;position: relative;top:100px!important;top:0;bottom:100px;width:100%;height:auto!important;height:100%;background:#ffc;text-align:center;overflow: auto;}#footer{position:absolute;bottom:0;width:100%;height:100px;background:#ccc;line-height:100px;text-align:center;}</style><title>自适应100％高度</title></head><body><div id="header">页首</div><div id="middle">页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br />页中<br /></div><div id="footer">页脚</div></body></html>
 [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
上一个：什么是WEB2.0？
下一个：仿淘宝网站的导航标签效果！
更多图片编程知识: