html button size height percent

Question

Как установить размер кнопки в HTML в процентах экрана. Пиксельные единицы работают, но процент нет. Смотрите эту скрипку: https://jsfiddle.net/3po5o7cb/10/

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

Answer 1

Чтобы установить высоту в процентах, его родительский элемент (*) должен иметь явную высоту.

См. this Ответ.

Answer 2

Вы также должны сделать высоту родителя этой кнопки на 100%. См. this solution