2
Dies ist der HTML-Code und der CSS-Code.Platzieren eines Div auf einem anderen Div
#header {
height: 75px;
}
#right {
height: 75px;
width: 700px;
float: right;
}
#top {
height: 100px;
background-color: green;
}
#bottom {
height: 800px;
background-color: silver;
}
#main {
height: 850px;
width: 950px;
background-color: #F3ECEA;
margin: auto;
position: absolute;
z-index: 1;
}
body {
margin: 0;
padding: 0px;
}<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="design.css">
<body>
<div id="main">
<div id=header>
<div id="left"></div>
<div id="right"></div>
</div>
</div>
<div></div>
<div id="top"></div>
<div id="bottom"></div>
</body>
</html>Ich versuche, die #main div auf der Mitte der Webseite zu platzieren und es sollte auch über die #top und #bottom divs sein. Ich habe versucht z-index, aber es hat nicht funktioniert. Bei der Verwendung von z-index konnte ich die #main div auf #top und #bottom Divs setzen, aber margin:auto funktioniert nicht. Bei Verwendung der oberen und unteren Attribute für position:absolute konnte ich die #main div platzieren, aber die Größenänderung des Fensters macht es anders. Ich möchte die #main Div über die #bottom und #top Division und auch in der Mitte der Seite auch nach der Größenänderung der Seite sein.
Bitte das Bild teilen, wie würden Sie es erwarten gerendert werden. – sarbbottam