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;
}​