zoukankan      html  css  js  c++  java
  • 网页自动满屏

    网页自动满屏

     

    以前可以搞个<table>,然后设它的height=”100%”,这样整个表格就充满了页面,再将内容放在这表格内,搞定。可是不知从什么时候开始,突然发现这个属性失效了。

    跟头部

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    这句有点儿关系。去掉也可以自动满屏,窗口有多大,window.document.body.offsetHeight就有多大。

    保留这个头部,稍加变通,也可以满屏。

    方法是在最外层加个DIV,如下:

    <div id="divTest" style="width:100%;height:100%;position:absolute;">

     

    注意这个;position:absolute; 一定要有,否则也不起作用。这个DIV就作为整个页面的容器。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <body onload="LoadTabPage();">

    <div id="divTest" style="width:100%;height:100%;position:absolute;">

       ……

    </div>   

    </body>

    </html>

     

     

     

  • 相关阅读:
    SharePoint Designer
    SharePoint Tricks
    树型dp(2019/1/19学习笔记) by csy
    2019/2/21测试(noip2015提高组day2
    loj刷题记录2019/2/20
    2019/2/16测试
    splay(水题)
    noip2016提高组day2
    2019/2/13测试(noip2016提高组day1原题)
    洛谷p1083借教室
  • 原文地址:https://www.cnblogs.com/leftfist/p/4258202.html
Copyright © 2011-2022 走看看