>在导航栏中，每行中最后一列的右边框消失  ~~~ <div class="ul-container"> <ul> <li>测试</li> <li>消失</li> <li>边界线</li> <li>右侧</li> <li>边界线</li> <li>消失</li> <li>测试</li> </ul> </div> ~~~ >假定每行排列 3 个`li`，每个`li`宽`100px`，我们的 ul 和 ul-container 宽度都设为`300px`。 >*采用左边框方式*： ~~~ .ul-container, ul{ width:300px; } li{ float:left; width:99px; border-left:1px solid #999; } ~~~ >接下来，我们将容器`ul-container`设置为`overflow:hidden`，并且将`ul`左移一个像素`margin-left:-1px` >这样`ul`中第一列的所有边框都因为左移了一像素并且被`overflow:hidden`而消失了，造成了下一个`li`的右边框看着像左边框一样，其实只是个障眼法： ~~~ .ul-container{ overflow:hidden; } ul{ margin-left:-1px; } ~~~