把前面的链接123给覆盖了
来源：15-7 水平居中总结-不定宽块状元素方法（三）
weibo_纷纷的想念_0
2017-02-11 15:59
代码如下
.wrap-center{
background:#ccc;position:relative;left:-50%;
}
.wrap{position:relative;float:left;left:50%;}
</style>
就是任务区域的代码，是这样写的吗？亲爱的老师，请问如何能不覆盖前面的链接123？
写回答
关注
2回答
-
- bigdog
- 2017-02-11 16:42:38
在123的</div>后面加上换行符<br/>,
<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> -
- GaryHarper
- 2017-02-20 17:49:12
.wrap{
float:left;
position:relative;
left:50%;
clear:both;
}加一个clear both；不会把123覆盖
初识HTML(5)+CSS(3)
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1231779 学习 · 19087 问题
相似问题