div+css上中下布局的问题

正好自己以前写过，奉上最简短的代码，效果已亲测，兼容IE7/8以及Chrome等现代浏览器，代码如下： div+css上中下布局html,body {height:100%; *overflow:hidden; /* 消除IE7下的横向滚动条 */}body {margin:0; padding:0; font-size:30px; text-align:center; color:#fff;}.top ,.nav ,.foot {width:100%; height:100px;