html - 调整 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 – 为什么百分比高度不起作用？

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

Answer 2

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

td {
height: 2em
}

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

style="height: 4em"

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