Question

急 在线等，怎样让css 样式不重叠，日期左右排列各占50%

<div style="z-index:1;position:relative;width:100%;height:auto;top:30px"> <div style="width:auto;height:50px;text-align:center"> <a style="width:50%;height:50px;text-align:center;position:absolute;" class="active time-slide-1503331200" href="#" data-index="2"> <span style="height:28px;display:block;position:relative">8/22</span> <span style="height:20px:display:block;position:relative">星期二</span> </a> <a style="width:50%;height:50px;text-align:center;position:absolute;" class=" time-slide-1503417600" href="#" data-index="3"> <span style="height:28px;display:block;position:relative">8/23</span> <span style="height:20px:display:block;position:relative">星期三</span> </a> </div></div>
里面是有两个日期。一个8月22，一个8月23。
<div>
<div>
<a>
<span>8/22</span>
<span>星期二</span>
</a>
<a>
<span>8/23</span>
<span>星期三</span>
</a>
</div>
</div>

Answer 1

<p id="time">
    <span class="d">8/23</span>
    <span class="w">星期三</span>
</p>

<style>
#time{
    width: 120px;
    overflow: hidden;
    outline: 1px red solid;
}

#time span{
    text-align: center;
    display: block;
    width: 50%;
    float: left
}
.d{background: blue;}
.w{background: yellow;}
</style>

你需要的是浮动float，百度下相关知识，这个是必须掌握的常用写法...

追问

其实有两个日期的，它们重叠起来了，看不到。分别是8/22 周二 和 8/23 周三。希望能如图那样排版

追答

还是浮动，照我上面代码，把里面两个p浮动起来：

8/23星期三

8/22星期二