Question

这让我很头疼，我只需要问。我似乎从来没有像使用CSS那样使用C＃或Java或SQL或JS，我花了太多时间来解决问题。

我有一个表格div，里面有一些行和单元格div。而我只想让表格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;
}

我还需要做些什么来使div恰好高410 px？

我尝试将它包装在外部div中（图片中的蓝色边框具有特定高度和显示：块）但是表格div似乎没有注意到它。我添加了一个明确的div：底部，有时它有帮助但不是今天......

Answer 1

看来：

display:table;

将强制元素展开以填充内容的宽度。即使您将“溢出”设置为隐藏。

这里有一些例子：

http://jsfiddle.net/dRLfv/

我认为您需要定期执行“display：block”，然后适当地设置溢出。这可能需要你为表格/表格元素调整一些其他样式，但这应该是双倍的，我相信其他人会很乐意提供帮助。

我希望有所帮助！

干杯！

包装显示：表DIV在另一个具有精确高度的div中

1 个答案: