项目中遇到的问题记录-css/less篇

142 阅读1分钟
1. 在项目中less文件使用calc高度计算错误问题

解决方法:例如计算宽度width:calc(100% - 600px)被计算为width:calc(-500%)。这是由于less的计算方法和calc计算冲突造成的,需要使用转移符号进行书写width: calc(~'100% - 600px')

2. IE低版本浏览器和chrome下table高度100%计算问题

解决方法:在IE低版本浏览器下设置table的高度为100%,table高度为父容器高度,而在chrome下设置table高度设置100%效果类似于min-height:100%,使用时需要注意。如果chrome下需要给table设置height:100%,可以使用绝对定位

3. IE浏览器中,border-radius和overflow:hidden同时使用页面卡死问题

解决方法:去掉其中一个属性。详细原因参考

4. 低版本chrome(我用的73)下th设置position:relative,后背景无法完整覆盖th容器

解决方法:将position设置为static

image.png 持续更新中...