包裝顯示：表DIV在另一個具有確切高度的div內

Question

這讓我很頭痛，我只能問。我從來沒有像使用CSS那樣在C＃或Java或SQL或JS中遇到過麻煩，而且我花了太多時間來解決問題。

我有一個表格div和一些行和單元divs裏面。而我只是想讓表格div具有確切的高度。

picture of my table div http://i41.tinypic.com/29vb7yx.jpg

My current style: 
div .table 
{ 
    width: 410px; 
    height: 410px; 
    max-height: 410px;   
    display: table; 
    border-spacing: 10px; 
    border-style:dotted; 
    border-width:medium;  
    overflow: visible; 
} 

還有什麼我必須做的，使格正好410像素高呢？

我試圖將它包裹在一個外部div（具有特定高度的圖片中的藍色邊框並顯示：block），但表格div似乎沒有注意到它。在底部都有，有時它可以幫助但不是今天...

Answer 1

看來：我添加一個div明確

display:table; 

將迫使元素擴大，以填補內容的寬度。即使您將「溢出」設置爲隱藏。

下面是一些例子小提琴：

http://jsfiddle.net/dRLfv/

我認爲你需要做一個常規：適當地「顯示塊」，然後設置溢出。這可能需要您調整一些其他樣式的表格/表單元素，但應該是雙倍的，我相信其他人會很樂意提供幫助。

我希望有幫助！

乾杯！