水平放置 div 元素，而不是垂直放置答案

【问题标题】：Positioning div elements horizontally, not vertically水平放置 div 元素，而不是垂直放置
【发布时间】：2012-12-05 19:19:32
【问题描述】：

我正在设计一个导航栏；其中的标签链接是由 CSS 形状制作的。为此，我在子元素上使用了很多position: absolute，并且我将父容器设置为position: relative。我还为它们设置了一个硬的高度和足够的宽度，但它不起作用。即使使用overflow: .. 也不行。无论如何，我的标签框都是垂直放置的。

我现在不知道。

“navBox”类 div 中的 div 有 position: absolute。

点击here (jsfiddle)查看HTML和CSS代码，观察输出结果。

提前致谢

【问题讨论】：

你能在 jsfiddle.net 上设置一个小提琴吗
你在使用 float:left;某处或显示：内联块；你需要展示一些CSS
此处发布代码和结果jsfiddle.net/qLKg7/1

标签： css layout html positioning

【解决方案1】：

你需要你的.navBox 类到display: inline-block。自然地，div 元素设置为显示块，默认情况下为元素提供 100% 的宽度。另外，您的列表项为float: left，因为默认情况下列表是垂直显示的，左浮动允许您水平显示列表

更新的 jsFiddle：http://jsfiddle.net/qLKg7/4/

【讨论】：

【解决方案2】：

CSS：display: inline 或 display:inline-block。

【讨论】：