div为100％高度的问题，填充在高度为100％的td内

Question

问题的一个例子是： http://jsfiddle.net/yjjRW/1/

内部div由于100％高度和边距/填充溢出到下一行。 简单的东西.dd里面的dd需要100％，有一些填充和边距。 同一行中所有tds内的div需要具有相同的高度。 我无法在它们上设置显式高度，因为它们的内容是在运行时决定的。

我也可以解决这个问题。

由于

Answer 1

使用百分比而不是像素设置填充。所以给它顶部和底部5％的填充，然后将高度设置为90％。

http://jsfiddle.net/yjjRW/2/

Answer 2

CSS3添加到DIV

box-sizing: border-box;
-moz-box-sizing: border-box;

其他方法是使用定位。

td {
  position: relative;
}
div {
  position: absolute;
  top: 5px;
  ....
}

或者您可以使用JS解决方案，这有点尴尬。页面加载后，检查每个TD的offsetHeight并将其设置为firstChild（嵌套DIV）。