CSS菜单包装

时间:2011-10-24 04:17:49

标签: css

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

Example here

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

enter image description here

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

谢谢!

1 个答案:

答案 0 :(得分:0)

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