网页加载时出现左右摆动的问题，通常是由于网页布局与浏览器渲染机制之间存在不匹配导致的。这主要涉及到以下几个方面：
1. **浏览器渲染过程**：当网页开始加载时，浏览器首先解析HTML结构，然后根据CSS对元素进行布局。在这个过程中，如果元素的宽度、高度或者位置依赖于未加载的资源（如图片或字体），浏览器可能会先按初始值计算布局，待资源加载完成后重新调整，从而造成页面抖动。
2. **浏览器滚动条**：正如描述中提到的，网页高度不足导致滚动条时有时无，是引起页面左右摆动的一个常见原因。当页面内容不足以填满整个屏幕，滚动条不会显示；而一旦内容增多，滚动条出现，页面总宽度会变窄，导致页面向左偏移。反之，如果页面高度增加，滚动条消失，页面宽度恢复，页面又会向右偏移。
3. **CSS居中对齐**：使用`margin: 0 auto`可以使一个块级元素在父容器中水平居中。但当页面宽度发生变化时，如果这个元素的宽度固定，那么它的位置也会相应改变，引发视觉上的晃动。
解决这个问题的方法有多种，其中一种是像提供的代码所示，通过CSS强制使滚动条始终可见：
```css
html {
overflow-y: scroll;
}
```
这样可以确保页面宽度始终保持在考虑了滚动条宽度的状态，避免因滚动条的突然出现和消失导致的页面抖动。
此外，还有其他解决方案：
- **优化CSS加载**：使用CSS预处理器（如Sass或Less）可以将关键CSS内联在HTML头部，确保页面基本布局在首屏加载时就正确显示。
- **延迟加载**：对于大图或其他大资源，可以采用懒加载技术，只在元素进入视口时才开始加载，减少初次加载时的布局变化。
- **固定宽度元素**：对于可能导致页面宽度变化的元素，可以设定固定宽度，避免因内容长度变化引起的宽度调整。
- **响应式设计**：使用媒体查询（Media Queries）确保不同设备和窗口大小下，页面布局都能平稳过渡。
网页加载时的左右摆动是前端开发中常见的问题，通过理解浏览器渲染机制和CSS布局原理，我们可以找到有效的解决方案，确保用户在浏览网页时获得平滑舒适的体验。
