当td内容太宽时，表会溢出父div

Question

我准备了一个JSFiddle来解释/告诉你我的问题：http://jsfiddle.net/nz96C/

一开始看起来没问题，但是当我向#firsttd添加一些文本时，一旦使用tds整个宽度，整个表就会溢出父div。我知道如何使用CSS（#firstdiv {width:90px;overflow:hidden;}）来解决这个问题，但我不知道确切的像素数（百分比不起作用）。另外，我不希望第一个td中的文本换行。

我希望你能解决我的问题，我甚至无法用我的第一语言解释它。

编辑：我的目标是有一个表，在第一个td中的文本有多长并不重要，表不应该溢出父div - 没有文本被包装。我希望第一个td溢出的文本不显示。

Answer 1

与另一个最近的主题相同的答案：table-layout:fixed; +宽度。的 DEMO

table {
    table-layout:fixed;
    width:100%;
}
td {
    border: 1px solid black;
    overflow:hidden;/* optionnal*/
}
#firsttd {
    white-space: nowrap;
}