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

Question

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

我不知道这一点.

"navBox"类div中的div有position: absolute.

单击此处(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.