2020-11-13

横向滚动，子元素不确定总宽度

html代码片段
<div class="borBot symTab">
	<a href="javascript:;" class="flex flexColumn flLeft">
		<p class="fs14 fwBold">症状描述</p>
		<p class="lineBlue"></p>
	</a>
	<a href="javascript:;" class="flex flexColumn flLeft ml16">
		<p class="fs14 fwBold">症状起因</p>
		<p class=""></p>
	</a>
	<a href="javascript:;" class="flex flexColumn flLeft ml16">
		<p class="fs14 fwBold">诊断/鉴别</p>
		<p class=""></p>
	</a>
	<a href="javascript:;" class="flex flexColumn flLeft ml16">
		<p class="fs14 fwBold">症状检查</p>
		<p class=""></p>
	</a>
	<a href="javascript:;" class="flex flexColumn flLeft ml16">
		<p class="fs14 fwBold">治疗预防</p>
		<p class=""></p>
	</a>
</div>
css代码片段
父元素
.symTab{
	width:34.2rem;      //设置宽度
	white-space: nowrap;         //禁止换行
	overflow-x: scroll;           //横向滚动
	display: flex;        //设置flex布局
}