1<divclass="Tab">2<divclass="Table-item">3<spanclass="Tab-link"> Home </span>4</div>5<divclass="Table-item">6<spanclass="Tab-link"> Politics </span>7</div>8<divclass="Table-item">9<spanclass="Tab-link"> Thought theory </span>Ten</div> One<divclass="Table-item"> A<spanclass="Tab-link"> Party Building Experience </span> -</div> -<divclass="Table-item"> the<spanclass="Tab-link"> Latest News </span> -</div> -<divclass="Table-item"> -<spanclass="Tab-link"> Chinese iron luban Business Network </span> +</div> -</div>
1 . tab {2White-space:nowrap;//this has to be3Height1. 466666666666667rem;4Line-height:1. 466666666666667rem;5Font-size:0. 426666666666667rem;6Overflow-y: Hidden;//this has to be7 }8. tab. table-Item {9Padding-left:0. 133333333333333rem;TenPadding-right:0. 133333333333333rem; OneDisplay:inline-block;//this has to be A}
This demo will have the bottom scroll bar when the browser simulates, and the scroll bar will disappear when on the real machine.
Using CSS to scroll the navigation bar of a mobile side