昨晚在QQ上以多人会话的形式参加了盛大的面试。
题目是这样的：
1）实现自适应位置的footer，黑色。页面内容较少时，footer需要紧贴浏览器底部
2）解决IE6下的页面滚动条与其他浏览器不一致的问题
下面是我的解决方案
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> * { padding: 0; margin: 0; } html { _overflow: auto; } body { _width: expression(this.parentNode.clientWidth); } html, body { height: 100%; } .section { min-height: 100%; _height: 100%; } .footer { height: 60px; background: #000; margin-top: -60px; color: #FFF; } </style> </head> <body> <div class="section"> <p>asdkjla</p> <p>asdkjla</p> <p>asdkjla</p> </div> <div class="footer">我这里是footer</div> </body> </html> |
此文章发表于2011-9-16，由轩枫阁转载自w3cfuns
[红包拿来]要看奶大的烦恼大尺度照片，就到→ http://www.nanrenji.xyz