.nav_h_type { background: #ccc; position: relative; overflow: hidden; } .nav_h_type ul { float: left; display: block; font-size: 0; white-space: nowrap; position: relative; } .nav_h_type li { box-sizing: border-box; display: inline-block; width: 100px; height: 100px; line-height: 100px; vertical-align: top; text-align: center; font-size: 12px; background: #eee; border: 1px solid #ccc; } .nav_h_type li.on { background: #aaa; font-weight: bold; }