html的CSS工具欄

Question

即時調整工具欄的寬度的問題，當我增加100px它都出錯了，我怎麼能繞過邊角？

繼承人演示 - http://jsfiddle.net/bArx5/

非常感謝

Answer 1

當你增加每個a元素，它將包裹列表（如果那是你的意思「這一切都錯了」是什麼）的寬度。可以通過設置ul元件（fiddle here）的最小寬度防止這種情況：

ul#list-nav { 
    margin: 20px; 
    min-width: 700px; 
} 

這必須根據自己的a元素的寬度進行調整。

我真的不知道你的意思是「我如何能圓緣角落」，但如果你想要的是你的錨元素的圓，你可以添加一個邊框半徑對他們說：

ul#list-nav li a:hover { 
    background-color:black; 
    color:white; 
    border-radius: 5px; 
}​