html按钮大小高度百分比

【问题标题】：html button size height percentagehtml按钮大小高度百分比
【发布时间】：2016-05-09 06:15:21
【问题描述】：

如何将 HTML 中的按钮大小设置为屏幕百分比。像素单位有效，但百分比无效。看到这个小提琴：https://jsfiddle.net/3po5o7cb/10/

<button style="width:20%; height:20%"></button>
<button style="width:200px;height:200px"></button>

【问题讨论】：

【解决方案1】：

要设置百分比高度，其父元素 (*) 必须具有明确的高度。

请参阅this 答案。

【讨论】：

【解决方案2】：

您还必须将该按钮的父级高度设为 100%。见this solution

【讨论】：