水平显示UL列表

Question

我试图让我的subnav列表水平显示而不是堆叠。我尝试了一些不同的东西，但我无法弄明白。我曾试图使用Float，但它与它下面的div的宽度相混淆。不知道为什么会这样。

任何人都可以帮助我吗？

http://jsfiddle.net/9bued/1/

Answer 1

删除width: 10em;

中的宽度限制（#navwidth）

Answer 2

删除Habib建议的宽度限制，然后将clearfix类添加到包含ul。

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

clearfix的样式应始终位于样式块或样式表的底部。

Answer 3

只需添加到您的CSS：display：inline-block;