把前面的链接123给覆盖了

源自：15-7 水平居中总结-不定宽块状元素方法（三）

把前面的链接123给覆盖了

代码如下

.wrap-center{
    background:#ccc;position:relative;left:-50%;


}
.wrap{position:relative;float:left;left:50%;}
</style>

就是任务区域的代码，是这样写的吗？亲爱的老师，请问如何能不覆盖前面的链接123？

提问者：weibo_纷纷的想念_0 2017-02-11 15:59

个回答

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>

1
GaryHarper

2017-02-20 17:49:12

.wrap{
float:left;
position:relative;
left:50%;
clear:both;
}加一个clear both；不会把123覆盖

0