如何使用DIV UL LI制作CSS表

Question

想象一下，我有DIV容器，里面有9 <ul>个标签（它们是列），每个<ul>标记内部有5个<li>标记，每个<li>标记里面有一个链接。

我想让它成为纯CSS类表，其中所有<ul>宽度不需要设置硬宽度，但相对于<li>标签中链接的长度而变化和自动拉伸并且与其他<ul>标签相关，因此一些列将更宽，如果其中的链接长或短，则一些将更短。

你可以帮帮我吗？我试图做到这一点，除了自动拉伸<ul>标签以外，一切都有效，它们有固定的宽度:(

Answer 1

嘿，我有一个解决方案，你可以在这里得到你需要的东西......

http://jsfiddle.net/YPmtG/4/

我基本上只是浮动ul而且li是自然地在ul内部托管所以它们可以单独浮动在那里，如我的小提琴所示......

ul {
    float:left;
    clear:right;
    padding:5px;
}
li {
    float:left;
    clear:left;
}