目录
1.实现方法
方法1:百分比
方法2:vh vw
2.遇到的问题
2.1 问题:使用vw,vh出现横向滚动条
3.解决方法
出现横向滚动条解决方法:
方法1.不使用vw,vh使用百分比
方法2.使用 overflow-y: overlay
方法3:使用
margin-right: calc(100% - 100vw);
overflow-x: hidden;
4.vh,vw于百分比的区别
百分比:相对于父级标签来说,以父级标签为准,取他的百分比
vh,vw:相对于浏览器窗口来说,以浏览器窗口为准,取他相对的比例