在代码中,指定按钮的高度时,一般使用像素值或者百分比。但是如果使用百分比,有时候会出现按钮高度不变的情况。这是由于按钮所处的父元素没有设置高度导致的。解决方法是在父元素中设置一个具体的高度值(像素值或者百分比),或者将父元素的高度设置为auto,让它自适应按钮的高度。
例如,以下代码中若父元素不设高度,class为button的按钮则会显示为默认高度,不受设置的百分比值影响:
解决方法是为父元素设置高度,如下:
.parent {
height: 200px; /* 或者其他合适的高度值 */
}
或者将父元素的高度设置为auto,让它自适应按钮的高度,如下:
.parent {
height: auto;
}