2013-02-13 90 views
2

this page的主要內容區域中,我使用Bootstrap提供的響應網格。我想表中佔據一列比佔據了頁面的寬度和佔據剩餘的25%的過濾器的75%,所以我標誌着它是這樣的:表溢出父div

<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)並延伸到顯示過濾器的列中。

回答

4

table-layout:fixed將解決問題,但您需要設置列的寬度,這在響應環境中可能會遇到麻煩。

+0

我以爲我有同樣的問題,但'table-layout:fixed'沒有爲我解決它。對於任何碰巧落在這裏的人來說,這可能有助於確保你使用的是「表容器」而不僅僅是「容器」 – lucidbrot 2015-11-13 09:56:08