2
これはHTMLコードとCSSコードです。別の部門に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>私は、ウェブページの中央に#main div要素を配置しようとしていますし、またそれが#topと#bottom divの上でなければなりません。私はz-indexを試しましたが、動作しませんでした。 z-indexを使用している間に私は#topと#bottom div'sに#main divを配置することができましたが、margin:autoは機能しません。 position:absoluteの上部と下部の属性を使用している間に、私は#main divを配置することができましたが、ウィンドウのサイズを変更することでそれが異なっています。 #main divは、#bottomと#top部門を超え、ページのサイズを変更した後でもページの中央になるようにします。
あなたはそれをレンダリングすることを期待するか、画像を共有してください。 – sarbbottam