CSS菜单包装

Question

我正在尝试构建基于CSS的菜单。我希望它能够在浏览器调整大小时进行调整，以便我根据需要使用浮动将菜单项包装到下一行。但是，我希望在最后有一个额外的缓冲单元来完善菜单外观，请参阅下面的示例图像（这是设计师用photoshop制作的图像）。

我可以设置包含div的背景图像来伪造它（使用我在http://quirksmode.org/css/clearing.html找到的清除浮动技巧），但是我还有额外的问题，即在右侧有额外的空间，因为我引用技巧说我应该在容器上设置宽度为100％。 （见下图）

我在最后一项之后的额外区域也没有任何边框。那么，正确的方法是什么？任何人都可以建议我可以检查的任何良好的在线实施吗？

谢谢！

Answer 1

您应该能够为容器提供padding-right，并使菜单项远离右边缘。