<html>
<head>
<style>
.wrap{
background:#ccc;
float:left;
position:relative;
left:50%;
}
.wrap-center{
position:absolute;
left:-50%;
}
</style>
</head>
<body>
<div class="wrap">
<div class="wrap-center">我们来学习一下这种方法。</div>
</div>
</body>
</html>在.wrap-center中，为何我设置为absolute后效果是这样的:而只能设置为relative后才能达到我想要的效果:
3 回答
qq_青枣工作室_0
TA贡献446条经验 获得超754个赞
<html>
<head>
<style>
.wrap{
background:#ccc;
position:absolute;
left:50%;
}
.wrap-center{
margin-left:-50%;
}
</style>
</head>
<body>
<div class="wrap">
<div class="wrap-center">我们来学习一下这种方法。</div>
</div>
</body>
</html>
- 3 回答
- 0 关注
- 1491 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消