zoukankan      html  css  js  c++  java
  • 底部始终在文档末尾,当文档较长时跟随在文档末尾,当文档较短时在窗口底部

    <!DOCTYPE html>  
    <html lang="en">  
    <head>  
        <meta charset="UTF-8">  
        <title>底部始终在文档末尾,当文档较长时跟随在文档末尾,当文档较短时在窗口底部</title>
        <style type="text/css">
            /* 底部自适应文档和窗口  */
            html,body{100%;height:100%;margin:0;}
            p{margin:0px;line-height: 100px;}
            .g-doc{position:relative;min-height:100%;_height:100%;}
            .g-bd{padding:0 0 60px;zoom:1;}
            .g-ft{height:50px;margin:-50px 0 0;background:#ddd;}
      
        </style>
    </head>  
    <body>
        <div class="g-doc">
            <div class="g-bd">
                <p>请增加或减少内容,或改变窗口大小,以便查看效果。</p>
                <p>请增加或减少内容,或改变窗口大小,以便查看效果。</p>
                <p>请增加或减少内容,或改变窗口大小,以便查看效果。</p>
                <p>请增加或减少内容,或改变窗口大小,以便查看效果。</p>
                <p>请增加或减少内容,或改变窗口大小,以便查看效果。</p>
            </div>
        </div>
        <div class="g-ft">
            底部始终在文档末尾,当文档较长时跟随在文档末尾,当文档较短时在窗口底部。
        </div>    
    </body>  
    </html>  




  • 相关阅读:
    SSM整合初级 简单的增删改查
    初始SpringMVC
    初始Spring MVC
    Web Service简介
    Quartz框架 实现任务调度
    搭建james邮件服务器
    使用Jdbc Template的基本操作步骤
    spring AOP四种实现方式
    Struts2数据校验
    Struts2 与Servlet API解耦,耦合的访问方式
  • 原文地址:https://www.cnblogs.com/xutongbao/p/9924931.html
Copyright © 2011-2022 走看看