小程序学习css点击左侧导航栏右侧具体元素自动换行排列

想要实现这样的样式,直接贴上代码后面方便再次使用
wxml:

<!--左侧导航栏-->
<scroll-view class="scrollleft" scroll-y>
  <view class="scrollleftV {
   {
   curId == item.id ? 'chosen' : 'notChosen'}}" wx:for="{
   {
   leftArr}}" wx:key="id"
    data-id="{
   {
   item.id}}" catchtap="clickTitle">{
   {
    item.name }}</view>
</scroll-view>
<!--右侧导航栏-->
<scroll-view class="scrollright" scroll-y>
  <block wx:for="{
   {
   itemArr}}" wx:key="key">
    <view class="scrollrightV" wx:if="{
   {
   curId == item.fid}}" catchtap="clickItem" data-item="{
   {
    item }}