包装显示：表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/

我认为你需要做一个常规：适当地“显示块”，然后设置溢出。这可能需要您调整一些其他样式的表格/表单元素，但应该是双倍的，我相信其他人会很乐意提供帮助。

我希望有帮助！

干杯！