zoukankan      html  css  js  c++  java

  • div设置高度height:100%实际却为0的解决

    1. <html>
    2.  
      <head>
    3.  
      <title>无题</title>
    4.  
      </head>
    5.  
      <body>
    6.  
      <div id="div" style="100%;height:100%>
    7.  
          我是DIV里的内容
    8.  
      </div>
    9.  
      </body>
    10.  
      </html>

    如上，当设置div的height为100%时，打开页面是一片空白，点审查元素进去看，发现div的高度为0

    所以当然是一片空白了

    那怎么办呢，把div外面的两层都设置为height:100%就行了，自动填满

    1.  
      <html>
    2.  
      <head>
    3.  
      <title>无题</title>
    4.  
      <style type="text/css">
    5.  
          html,body{height:100%}
    6.  
      </style>
    7.  
      </head>
    8.  
      <body>
    9.  
      <div id="div" style="100%;height:100%>
    10.  
          我是DIV里的内容
    11.  
      </div>
    12.  
      </body>
    13.  
      </html>

    OK
  • 相关阅读:
    vue day6 分页显示
    vue day5 分页控件
    vue day4 table
    c# excel xlsx 保存
    diff算法
    Web Workers
    多线程
    Http请求优化
    高效编写代码
    渲染引擎
  • 原文地址：https://www.cnblogs.com/semth/p/13360473.html
Copyright © 2011-2022 走看看