设置height无效(lineheight不生效)

uniapp, input样式height无效解决方案

关于 input 组件设置高度不生效的问题：input 组件上有默认的 min-height 属性，要一起修改，如果 min-height 的值大于 height 那么高度以 min-height 为准。（相关知识点： ）

line-height无效

1、line-height 要设置在font下面，否则无效；

2、使用line-height 设置文字居中在手机页面中会有误差，出现不居中的现象；

可以使用display:flex；设置

filter:blur(200rpx) 可以设置虚幻背景

table 设置max-height无效

试了很多方法都无效，网上还搜了一下也没什么好的方法。

最后换了个思路table外层加一个div，给外层这个div设置max-height即可。

height：100%失效解决办法

首先我们要知道 height:100% 能生效有两种情况。

解决办法：

注意：子元素绝对定位是计算父元素的 padding 值的。而传统的 height:100% 是不计算的。当然使用全局的 box-sizing: border-box 就不用担心了。

还有一个问题。其实要牵扯到 height:100% 与 height: inherit 的不同。那就是父级 position:static 而子级是 position: absolute 的时候,子元素已经脱离文档流，它的父级就是最近的定位元素。 height:100% 的对象就不是它真正的父级了。但是 height: inherit 就不出现这种问题。

参考 张鑫旭:CSS中height:100%和height:inherit的异同