如何解决为什么宽度为100vw时x轴上会有滚动?
我已经编写了该代码,并且在x轴上显示了一个滚动条。
nav{width:100vw;}
但是当我将值从vw切换到%时,它开始工作正常。
那为什么有大众版的卷轴?
解决方法
因为将width设置为100vw
,将使元素100vw
的宽度+任何导致溢出的填充或边距
100vw element = 100vw width + padding + margin
不是100%的情况;
100% element = 100% width inclusve of margin + padding
主要原因是body
边距。因此,将body -> margin
设置为0
并以100%的比例运行。
%相对于父元素。因此100%将占据父元素的100%面积。
但是vw直接相对于视口。视口是网页的可见区域。 100vw占用了整个视口宽度。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。