我试图做一个2列布局，显然是CSS的祸根。我知道你不应该使用表格进行布局，但是我已经解决了这个CSS。注意使用display：table等
div.container {
width: 600px; height: 300px; margin: auto;
display: table; table-layout: fixed;
}
ul {
white-space: nowrap; overflow: hidden;
display: table-cell;
width: 40%;
}
div.inner {
display: table-cell;
width: auto;
}
有了这个布局：
<div class="container">
<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
</ul>
<div class="inner">
<p>Hello world</p>
</div>
</div>
这似乎是令人钦佩的。不过，我不禁想到 – 我是否遵守“不要使用桌子”的规则，而不是精神的信？我认为没关系，因为HTML代码中没有定位标记，但是我不知道“正确”的方式。
我不能使用css float，因为我希望列可扩展并与可用空间签约。
请堆栈溢出，帮助我解决我对这些伪表的恐惧感。
