表溢出父div

Question

在this page的主要内容区域中，我使用Bootstrap提供的响应网格。我想表中占据一列比占据了页面的宽度和占据剩余的25％的过滤器的75％，所以我标志着它是这样的：

<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将解决问题，但您需要设置列的宽度，这在响应环境中可能会遇到麻烦。