css - 创建一排三个分开的盒子

Question

我是 CSS 的新手，我有一个正在处理的菜单栏，但是我遇到了一个菜单(“LINKS”)元素的问题。如果您滑过“链接”菜单项，您会注意到我在那里有三个框，我正试图将它们分成自己的区域。现在他们正在互相重叠。你能告诉我我做错了什么吗？

我已经尝试了 margin-left 和 padding-left，我发现它们要么将框进一步向右移动，要么将框加宽得更多。但他们不会将它们隔开。

您可以在此处找到菜单栏:http://jsfiddle.net/vtjPR/

Answer 1

三个框 (div.col_1) 的宽度设置为 125px。但是，框内是定义宽度为 150 像素的链接列表 (ul.blackbox)。此外，其列表项的宽度已定义为 130 像素。