CSS邊框半徑 - 孩子重疊父元素

Question

我有以下標記：http://www.webdevout.net/test?011 正如您所看到的，「li」元素重疊了爲框定義的圓角邊框。

有沒有辦法阻止這個角落直接應用到最後的「李」？

感謝

Answer 1

您可以從最後li背景顏色移到.box和刪除邊框底部：

.box { 
    background-color: #E6E6E6; 
} 

#vmenu li:last-child a { 
    border-bottom: none; 
} 

在一個側面說明，你不需要周圍div，只需添加.box類到ul。