滚动条出现,挤压页面宽度,导致布局错乱的三种解决方法
出现原因页面内容超出高度,浏览器出现滚动条的时候,因为滚动条是占位的,所以页面会被挤压,导致页面内容出现错乱。解决方案一:新属性 overlay (目前仅chrome支持)chrome下overflow有个新的属性值overlay,这个属性简直就是为了这个问题而生,他和auto有点像,但是区别就是在触发滚动条时候并不挤压空间。但是非常遗憾,这个属性值目前只有chrome支持。html { overflow-y: overlay;}解决方案二:margin-right: calc(100%
原创
2021-04-21 17:05:11 ·
12305 阅读 ·
1 评论