Css 我想通过具有固定高度的子div扩展div的宽度

HTML

我想在td中做一行div，在container div中做x-scroll。 td中div的大小必须由其内容决定。可能吗？ 如果我必须将表替换为divs，那没关系。

---

谢谢你的阅读

默认情况下，表格标签设置为适合页面。如果你为表格设置了一个宽度，那么你可以期待x-滚动工作。我在JSFIDLE中做了一些更改。希望这就是你在欢呼中所要求的

---

谢谢您的回答。这是一个很好的解决方案，但我需要使表格宽度与其内容相适应。

<div class="container">
    <table>
        <tbody>
            <tr>
                <td>
                    <div>
                        <div>Hello</div>
                        <div>World of</div>
                        <div>CSS</div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div>
                        <div>Hello</div>
                        <div>World of</div>
                        <div>CSS</div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

.container {
    overflow-x:auto;
    width:100px;
    background-color:#D5D5D5;
    height:300px;

}

td > div {
    height:20px; /*fixed height*/
    background-color:white;
}
td > div > div {
    display:inline-block; /*set width by contents*/    
    border:1px solid black;
    float:left;
}