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

标签 css

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

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

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

最佳答案

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

关于css - 创建一排三个分开的盒子,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12218415/

相关文章:

html - 背景图像调整大小

javascript - 具有不透明度的 CSS 3 过渡 - Chrome 和 Firefox

css - 嵌套 CSS 元素(在标题中设置链接样式)

css 背景图像在本地工作但在远程不工作

javascript - Foundation 5 顶部栏下拉项的自定义事件

javascript - 测试点击是否在 div 及其所有子元素中

css - 如何 - 右侧边框的 CSS 背景

jquery - 当 Flask wtforms 抛出错误时,如何更改 Bootstrap 表单输入字段的边框颜色?

html - CSS:找到页面中大空白的原因

html - 每个 div 都低于前一个,没有边距或填充问题