divheight: 100vh; width: 100vw;包裹一个 input height: 100vh; width: 100vw;input 设置了边框 border: 1px solid rgb(234, 11, 11); 但显示效果下边框被挤没了没有显示。设置了 box-sizing: border-box; 但是没用渲染不对。猜测可能是这个原因当宽度或高度使用百分比时浏览器可能无法正确计算盒模型。没办法只能想一些笨办法了。解决方法一设置 height 为动态的height: shadow ? 100vh : calc(100vh - 1px)但是需要依赖变量判断变量多了会出 bug。解决方法二height 值变小height: 96vh看着没变化是因这外面 div 设置透明的所以不影响。div 加了背景色是上面效果不影响显示还可以接受。
