html - 为什么当宽度为100vw时,x轴上会出现滚动?

标签 html css dom width

我已经编写了该代码,它在 x 轴上向我显示了一个滚动条。

 nav{width:100vw;}

但是当我将值从 vw 切换到 % 时,它就开始正常工作。

那为什么会有vw的卷轴呢?

最佳答案

因为将宽度设置为 100vw 将为元素提供 100vw 宽度以及导致溢出的任何填充或边距

100vw 元素 = 100vw 宽度 + 内边距 + 边距

100% 的情况并非如此;

100% 元素 = 100% 宽度,包括边距 + 填充

主要是因为body边距。因此,将 body -> margin 设置为 0 并查看其工作效果为 100%。

关于html - 为什么当宽度为100vw时,x轴上会出现滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63584533/

相关文章:

javascript - 单击另一个单选按钮后,单选按钮保持选中状态

css - yiistrap TbNav 按钮样式

html - 居中对齐图像持有人中的文本

css - Ractive 是否为 <style> 元素维护单个节点?

javascript - 触发两个脚本 : one that loads data and another that manipulates styling? 的正确方法是什么

javascript - 覆盖正文区域的垂直侧边菜单

javascript - onclick事件不改变元素ID

jquery - 使用 jQuery 从多个图像设置图像的 box-shadow

javascript - 尝试将第一个 h2 标签转换为 h1 时出现 jQuery [object Object] 错误

javascript - 使用 javascript 和 html 为在线考试设置计时器