0

这让我很头疼,我只需要问一下。我在 C#、Java、SQL 或 JS 方面似乎从来没有遇到过 CSS 方面的问题,而且我花了太多时间试图弄清楚。

我有一个表格 div 和里面的一些行和单元格 div。我只想让表格 div 具有精确的高度。

我的表格 div 的图片

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 中(图片中有蓝色边框,具有特定的高度和 display:block),但 table div 似乎没有注意到它。我在底部添加了一个带有 clear:both 的 div,有时它会有所帮助,但今天没有......

4

1 回答 1

0

看起来:

display:table;

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

这里有一些例子:

http://jsfiddle.net/dRLfv/

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

我希望这会有所帮助!

干杯!

于 2012-04-09T21:35:23.620 回答