.navBar { position:relative; border-bottom:1px solid #f2f2f2; background:#fff; font-size:14px; } .navBar ul { display:flex; justify-content:space-around } .navBar ul li { display:inline-block; text-align:center; padding:10px; width:50px; color:#888; } .navBar ul .action { color:#FF612C; } .line { width:100px; height:2px; background:#FF612C; position:absolute; bottom:0; } .navBar-c-l:not(:first-of-type) { display:none; }
tabs标签页,本页面切换显示不同数据,可以做成吸顶tabs,还可以成锚链接;这里细线跟随的时候,因为设置了box-sizing 所有要减去padding的一半