时间戳

首页 > 解决方案 > 我以百分比 (%) 为 div 元素设置“高度”CSS 属性，但 html 不呈现任何内容。谁能帮我？

html - 我以百分比 (%) 为 div 元素设置“高度”CSS 属性，但 html 不呈现任何内容。谁能帮我？

问题描述

我以百分比 (%) 为 div 元素设置“高度”CSS 属性，但 html 渲染注意。但是，如果我在长度值中设置“高度”CSS 属性，例如 px、cm 等，它就可以工作。谁能帮我？ 

   <html>  
        <head>  
        <meta name="viewport" content="width=device-width, initial-scale=1.0">  
        </head>  
        <body>  
        <div style="width: 40%; height: 40%; background-color: #565;  ">  
        </div>  
        </body>  
    </html>

标签： htmlcss

解决方案

首先你需要将 html、body 的宽度和高度设置为 100%，所以像这样在你的样式表中设置它们

html,body{
    height:100%;
    width:100%;
}

之后你的问题就解决了

推荐阅读