HTML 标记未使用 100% 的宽度答案

【问题标题】：HTML Tag is not using the 100% of widthHTML 标记未使用 100% 的宽度
【发布时间】：2018-05-24 02:57:02
【问题描述】：

我在 laravel + Vue 2.0 + Sass 和 bulma 中有一个项目。 Laravel 使用刀片模板引擎来渲染视图，我将 vue 组件注入到这些视图中。在项目的一个视图中，我无法使用 100% 的屏幕，我不知道为什么。

截图：

在右侧，你可以看到有一个空白。

我没有 html 和 body 标签的样式。我只对 vue 组件进行样式设置，一切都很好。但我在右边有这个小空间。

我尝试添加：

html, body
  min-width: 100% !important
  min-height: 100% !important

但它是一样的。

并且没有要删除的边距和内边距。

有什么想法吗？

提前致谢！

【问题讨论】：

已经检查了 CSS 'position' 属性？也许将其设置为其他设置可能会对您有所帮助（它对我有用，但老实说我不记得我尝试了哪一个）。
为什么要将宽度设置为 100%？它是正文的默认值。
@KarulessWhisper 是的，但问题是：如果我将它设置在fixed 中，我会丢失卷轴。如果我将其设置为absolute，则其他诸如实时聊天气泡之类的东西就会破裂。所以，我尽量不使用这些职位。
@muecas 因为我试图强制它查看它是否使用了 100% 的宽度。不建立这个属性也不行
如果你想让 body 100% 填满屏幕，你可以使用 100vh 来表示高度，100vw 来表示宽度

【解决方案1】：

这很奇怪，但我在帖子中已经提到的属性之外添加了overflow-y: scroll 解决了它：

html, body
  min-width: 100%
  min-height: 100%
  overflow-y: scroll

【讨论】：