Question

嘿，我坚持使用CSS的代码，我试图在页面的高度和宽度的25％处设置一个div，并用背景填充它，但它只能用于输入了文本，它会自动调整到文本的高度，而不是页面。

希望有人能帮助我。

的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>

的style.css

   body{
    background:#fff;
}

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

提前致谢，雷米

Answer 1

如果您将DIV设置为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%;
}

高度和高度宽度％没有做任何事情

1 个答案: