表溢出父div

Question

在this page的主要内容区域，我使用Bootstrap提供的响应式网格。我希望桌子占据一列而不是占据页面宽度的75％而过滤器占据剩下的25％，所以我将它标记为：

<div class="row-fluid">
    <div class="span9" id="table-container">
        <!-- table markup goes here -->
    </div>

    <div class="span3">
        <!-- filter markup goes here -->
    </div>
</div> 

但由于某种原因，该表横向溢出了它的父元素（标识为table-container）并延伸到显示过滤器的列中。

Answer 1

table-layout:fixed会解决问题，但您需要设置列的宽度，这可能会在响应式上下文中出现问题。