html - 表溢出父 div

Question

在本页的主要内容区域，我使用的是 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将解决问题，但您需要设置列的宽度，这在响应式上下文中可能会很麻烦。