ul li横排显示，100%，中间有border-right的做法

做成的效果如下：

代码如下：

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做了自适应。