类似这样,套一层header__container,这个容器设置position: fixed; overflow-x: auto; width: 100%;,然后header给一个宽度就可以了。 <div class="header__container"> <div class="header"> <ul class="navs"> <li class="nav">推荐</li> <li class="nav">护肤</li> <li class="nav">卸妆</li> <li class="nav">面霜</li> <li class="nav">护发</li> <li class="nav">唇妆</li> <li class="nav">底妆</li> </ul> </div> </div> .header__container { position: fixed; width: 100%; overflow-x: auto; } .header { width: 900px; }
类似这样,套一层
header__container
,这个容器设置position: fixed; overflow-x: auto; width: 100%;
,然后header
给一个宽度就可以了。