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

我设计了一个导航栏;并在其中的选项卡链接由CSS形状。为此，我在子元素上使用了大量的position: absolute，并且将父容器设置为position: relative。我也为他们设定了一个坚硬的高度和足够的宽度，并且它不会工作。甚至没有使用overflow: ..。无论如何，我的标签框都垂直放置。水平定位div元素，而不是垂直

我对这一点毫无头绪。

“navBox”class div内的div有position: absolute。

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

在此先感谢

来源

2012-12-18 gorn

你可以在jsfiddle.net上设置一个小提琴 – defau1t

你使用的是float：left;某处或显示：inline-block;你需要展示一些css – defau1t

发表的代码和结果在这里http://jsfiddle.net/qLKg7/1/ – gorn

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

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

来源

2012-12-18 15:56:45

谢谢你; D +1 –

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

来源

2012-12-18 15:58:57 ATOzTOA

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

回答

相关问题