做成的效果如下:
代码如下:
html:
<ul class="list2">
<li>问卷</li>
<li>结果</li>
</ul>
css:
.index .list2{
width: 100%;
display: flex;
flex-direction: row;
}
.index .list2>li{
display:block;
float: left;
width: 50%;
height: 20vh;
line-height: 20vh;
text-align: center;
cursor: pointer;
}
.index .list2>li:nth-child(1){
border-right: 1px solid #ddd;
}
这里只要是用display:flex做了自适应。