html - HTMLフォームのボタンの高さを調整する

Question

電卓を作成しています。これは電卓のHTMLです：http： //pastebin.com/JQYbNBmZ

これが私の計算機のCSSです：http： //pastebin.com/DEMgqyYi

width="100%"ボタンと2列のCEストレッチに使用CAしました。0ただし、height="100%"ボタンに使用して2行を伸ばす+と=、実際にはすべてのボタンが小さくなります。どうしますか？

Answer 1

でパーセント値を使用する場合height、親要素はのように固定された高さである必要がありますheight: 51px;。

詳細については、これを確認できます：CSS –高さのパーセンテージが機能しないのはなぜですか？

jsfiddleを更新しました：http：//jsfiddle.net/bsDVD/3/

Answer 2

最良のアイデアは、すべてのtdの高さを2emに設定することです。

td {
height: 2em
}

そして、2つの拡張テーブルのインラインスタイルに次のことを強制します。

style="height: 4em"

その後、ボタンに追加すると、機能height: 100%するはずです。