Html 高度及；宽度%不做任何事情_Html

Html 高度及；宽度%不做任何事情

html

Html 高度及；宽度%不做任何事情,html,Html,嘿，我被一个CSS代码卡住了，我试着将页面的高度和宽度分别设置为100%和25%，并用背景填充，但它只在输入文本时起作用，并且它会根据文本的高度而不是页面来调整自己希望有人能帮我 index.html <!DOCTYPE html> <link rel="stylesheet" type="text/css" href="style.css"> <head> <title>Height test</title> </he

嘿，我被一个CSS代码卡住了，我试着将页面的高度和宽度分别设置为100%和25%，并用背景填充，但它只在输入文本时起作用，并且它会根据文本的高度而不是页面来调整自己

希望有人能帮我

index.html

<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="style.css">
<head>
    <title>Height test</title>
</head>

<body>
    <div id="menu">kaas</div>
</body>

提前感谢,，

Remy

如果将DIV设置为100%，它将根据其内容进行调整。在这个简短的示例中，您将看到没有内容，因此100%的“无”即为“无”

如果希望此div基于页面大小，则必须指定它

body{
    width:900px;  //example values 
    height:500px; //example values
}

#menu{
    background:#000;
    height:100%;
    width:25%;
}

我建议您创建另一个div来处理页面

<body>
    <div id="page">
        <div id="menu">kaas</div>
    </div
</body>

您的索引页不完整，并且没有html根标记，html是窗口，您可以将正文指定为100%

<body>
    <div id="page">
        <div id="menu">kaas</div>
    </div
</body>

#page{
    width:900px;  //example values 
    height:500px; //example values
}

#menu{
    background:#000;
    height:100%;
    width:25%;
}