0
A
回答
0
显示：inline-block的
2
如果浮动块元素，它们将被放置在一个水平行（动态宽度，除非您指定一个固定的一个。）
ul#navigation li {
float: left;
}
看一看的HTML上的导航这个页面，例如（问题，标签，用户，...）
0
这是an almost similar scenario，你可以考虑使用创建菜单。
0
我会用display：inline-block进行通用的并排显示，但是你正在尝试做一个水平导航。我不会使用表格单元格显示，因为它很古怪，最终你不得不清理其他的错误。
HTML：
< UL ID = "导航" >
<利> < A HREF = " /some-link.html " >一些链路< /一个> < /锂>
<利> <一个链接2 </a > < /锂>
<利> < A HREF = " /some-link3.html " >一些链路3 < /一个> < /锂>
</UL >
CSS：
#navigation {
width：550px;
margin：0;
填充：0;
list-style-type：none;
overflow：hidden;
}
#navigation li {
float：left;
}
#navigation立一个，＃导航李：悬停{
显示：块;
padding：4px 21px 4px 20px;
text-decoration：none;
}
0
如上所述，行内块是要走的路。 这个mozilla文章将有助于让它在所有浏览器中工作。
http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
注意'内联block`不是在某些浏览器目前是市场上流行的支持。 – Blixt 2009-07-14 06:48:17