CSS将DIV居中的问题
发布网友
发布时间：2022-04-26 10:05
共3个回答
热心网友
时间：2022-04-20 20:59
.Div2{ margin:0 auto; width:200px; height:200px; z-index:1; position:relative;background:#999;}
.Div1{position:absolute;top:0px;left:-100px;width:100px;height:100px;background:red;}
.Div3{position:absolute;top:0px;right:-100px;width:100px;height:100px;background:blue}
</style>
<div class="Div2">
<div class="Div1"></div>
<div class="Div3"></div>
</div>
这样就可以了，你的想法有点天马行空！！还是先去了解下css吧
热心网友
时间：2022-04-20 22:17
上下居中：position;absolute;left:50%;top:50%;margin-top:-*px(盒子的高度减一半的值);margin-left:-*px(盒子宽度减一半的值)
热心网友
时间：2022-04-20 23:52
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
* {
margin:0;
padding:0;
}
.b1 {
width:200px;
height:200px;
background-color:#C30;
position:absolute;
margin-left:-210px;
}
.b2 {
width:490px;
height:500px;
background-color:#F6C;
margin:0 auto;
}
.b3 {
width:250px;
height:250px;
background-color:#F60;
margin-left:500px;
position:absolute;
}
</style>
</head>
<body>
<div class="b2">
<div class="b1"></div>
<div class="b3"></div>
</div>
</body>
</html>
