>在導航欄中，每行中最后一列的右邊框消失  ~~~ <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; } ~~~