0

嘿，我被 CSS 代码困住了，我正在尝试将某个 div 设置为页面高度的 100% 和宽度的 25%，并用背景填充它，但它只有在有文本时才有效输入，它会自行调整到文本的高度，而不是页面。

希望有人可以帮助我。

索引.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>

样式.css

   body{
    background:#fff;
}

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

在此先感谢，雷米

4

1 回答 1

0

如果您将 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>

接着：

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

#menu{
    background:#000;
    height:100%;
    width:25%;
}
于 2012-12-06T12:57:28.173 回答