<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>不定宽块状元素水平居中</title><style>.container{ float:left; position:relative; left:50%;}.container ul{ list-style:none; margin:0; padding:0; position:relative; left:-50%;}.container li{float:left;display:inline;margin-right:8px;}/*下面是代码任务区*/.wrap{ position:relative; float:right; right:50%;}.wrap-center{ background:#ccc; position:relative; right:-50%;}</style></head><body><div class="container"> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul></div><br><!--下面是代码任务区--><div class="wrap"> <div class="wrap-center">我们来学习一下这种方法。</div></div></body></html>
4 回答
LUCK星001
TA贡献19条经验 获得超21个赞
clear；both;是清楚浮动的； 当第一个div向左浮动的时候，那么后面的div也会跟着向左浮动啊，因此就会出现被覆盖掉；
float:left;就不受position:relative;的影响了，如果你想让第二个居中的话
.wrap{
text-align:center;
}
.wrap-center{
background:#ccc;
}
- 4 回答
- 0 关注
- 1742 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消