一个CSSDiv布局的实例，让DIV的高度随浏览器窗口的变化而变化，窗口变大，Div的高度会变大，窗口变小则Div变小，貌似智能化。 演示代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <title>CSS布局：div高度随窗口变化而变化</title><br /> <style><br /> * {margin:0px;}<br /> html {height: 100%; }<br /> body {height: 100%; }<br /> div { margin:0 auto;}<br /> #top { width:800px; min-height:100%; background-color:#00f;}<br /> *html #top {height:100%; background-color:#f00;}<br /> *html body {height:100%; }<br /> #topz{ width:800px; height:60px; background:#ddd;}<br /> #topx{ width:800px; height:50px; background:#ccc;}<br /> </style><br /> </head><br /> <body><br /> <div id="top"><br /> div高度随窗口变化而变化。<br /> </div><br /> <div id="topx"><br /> <h2>中国最大的中文搜索引擎。</h2><br /> </div><br /> </body><br /> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>提示：可修改后代码再运行! 文章导航 javascript简单实现checkbox的全选与反选Div+CSS弹出始终居中的半透明遮罩层效果
