表溢出父 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> 

但由于某种原因，表格水平溢出其父元素（ID table-container）并延伸到显示过滤器的列中。

Answer 1

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