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

我正在设计一个导航栏；其中的选项卡链接由CSS形状构成。为此，我在子元素上使用了大量

position:absolute

，并将父容器设置为

position:relative

。我还为他们设置了一个硬的高度和足够的宽度，但这不会起作用。即使使用

溢出：…

也不行。无论发生什么情况，我的选项卡框都垂直放置

在这一点上我没有任何线索

“navBox”类div中的div具有

位置：绝对

单击查看HTML和CSS代码，并查看输出结果

提前感谢
您需要使用
.navBox
类来
显示：内联块
。自然地，
div
元素被设置为display block，默认情况下该元素的宽度为100%。另外，您的列表项要浮动：左因为默认情况下列表是垂直显示的，所以左浮动允许您水平显示列表

更新的JSFIDLE:
CSS:
display:inline
或
display:inline block
您可以在JSFIDLE.net设置小提琴吗？是否使用float:left；某处或显示：内联块；您需要在这里显示一些cssPosted代码和结果