可以设置一个撑到页面底部的div(此div无需指定高度可以自动呈现盛满屏幕的高度)一般用于制作后台框架式放置iframe模块用
代码如下:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .admin{background:#fff;position:fixed;border-left:solid 1px 8 #b5cfd9;right:0;bottom:0;top:100px;left:180px; padding:15px; padding- 9 right:0px; padding-bottom:0px; overflow:auto; border-top:1px solid 10 #b5cfd9; padding-right:15px;} 11 .s{width: 500px; height: 1200px; background: #fefefe;} 12 </style> 13 </head> 14 <body> 15 <div class="admin"> 16 <div class="s">class="admin"的div可以盛满屏幕到底部</div> 17 </div> 18 </body> 19 </html>
效果图如下: