调整HTML表单中按钮的高度

Question

我正在创建一个计算器。这是我的计算器的html： http://pastebin.com/JQYbNBmZ

这是我的计算器css： http://pastebin.com/DEMgqyYi

我使用width="100%"按钮CE，CA和0来拉伸2列。但是，如果我使用height="100%"按钮+和=来拉伸2行，则所有按钮实际上都会变小。你会怎么做？

Answer 1

如果您想在height中使用百分比值，则父元素必须具有固定高度，例如height: 51px;。

您可以查看此信息以获取更多信息：CSS – why doesn’t percentage height work?

我更新了你的jsfiddle：http://jsfiddle.net/bsDVD/3/

Answer 2

最好的想法是将所有td的高度设置为2em让我们这样做：

td {
height: 2em
}

强制两个扩展表的内联样式具有：

style="height: 4em"

之后添加到按钮height: 100%，它应该可以正常工作。