Ich würde gerne die div height
mit Prozentsätzen, die nicht auf Elemente in ihm abhängen. Ich habe eine feste Kopfzeile oben auf dem Bildschirm und ein zentriertes div. Aber Höhe in Prozent einstellen funktioniert nicht. Es wird nur vergrößert, wenn ich einige Elemente darin hinzufüge.div Höhe in Prozent funktioniert nicht auch mit 100perc html und Körper
Bitte helfen.
Ich habe diesen Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>lol</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="conteiner">
<header>
<p>header</p>
</header>
<div id="main">
<p>main info</p>
</div>
</div>
</body>
</html>
Und diese CSS
.
html{
width: 100%;
height: 100%;
}
body{
overflow: hidden;
margin: 0;
width: 100%;
height: 100%;
}
header{
position: fixed;
top: 0px;
width: 100%;
height: 10%;
border: solid red 1px;
}
#main{
display: block;
width: 65%;
height: 80%;
border: solid green 1px;
margin: 8% auto 0 auto;
}
Sie vh Einheiten verwenden könnten stattdessen von%, wenn es sich um einen Prozentsatz des Scren handelt, nach dem Sie suchen. –