水平定位div元素，而不是垂直定位

Question

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

我现在还不知道。

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

点击here (jsfiddle)获取HTML和CSS代码，然后观看输出结果。

提前致谢

Answer 1

您需要.navBox课程display: inline-block。当然，div元素设置为显示块，默认情况下该元素的宽度为100％。此外，您的列表项目为float: left，因为默认情况下，列表垂直显示，左侧浮动允许您显示水平列表

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

Answer 2

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