Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
“我设置”;高度“;div元素的CSS属性,以百分比(%)表示,但html不呈现任何内容。有人能帮我吗?_Html_Css - Fatal编程技术网

“我设置”;高度“;div元素的CSS属性,以百分比(%)表示,但html不呈现任何内容。有人能帮我吗?

“我设置”;高度“;div元素的CSS属性,以百分比(%)表示,但html不呈现任何内容。有人能帮我吗?,html,css,Html,Css,我以百分比(%)为div元素设置了“height”CSS属性,但html呈现为空。但如果我在长度值中设置“height”CSS属性,比如px、cm等,它就可以工作了。有人能帮我吗 <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>

我以百分比(%)为div元素设置了“height”CSS属性,但html呈现为空。但如果我在长度值中设置“height”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>

首先,您需要将html、正文宽度和高度设置为100%,所以在样式表中这样设置它们

html,body{
    height:100%;
    width:100%;
}
之后,您的问题将得到解决

尝试使用此

width: 40vw;
height: 40vh;