css中，一个大盒子div内放一个小盒子div,如何垂直方向上居中？？？
1个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>dock center</title>
<style>
.wrap-box{
background-color:green;
width:600px;
height:400px;
position:relative;
}
.inner-box{
position:absolute;
background-color:orange;
width:200px;
height:300px;
top: 50%;
left: 50%;
right: auto;
bottom: auto;
/*half of element width*/
margin-left: -100px;
/*half of element height*/
margin-top: -150px;
}
</style>
</head>
<body>
<div class="wrap-box">
<div class="inner-box"></div>
</div>
</body>
</html>
追问
right,bottom后面为什么要加auto?谢谢
追答
不加也可以 默认是auto
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
