14

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

在这一点上我不知道。

“navBox”类 div 中的 div 具有position: absolute.

单击此处 (jsfiddle)获取 HTML 和 CSS 代码，并观察输出结果。

提前致谢

4

2 回答 2

15

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

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

于 2012-12-18T15:56:45.950 回答
5

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

于 2012-12-18T15:58:57.367 回答