内容高度变化使滚动条显示, 隐藏导致内容位置变化如何解决.

Question

在做单页程序时, 不同高度的内容在切换时会导致滚动条出现或者隐藏, 造成跟高度相关布局的元素位置会跳变.
比如: http://jsrun.net/nepKp/edit.

能想到的解决方法是: 给 body 添加 overflow-y: scorll. 还有没有其他更好的解决方法.

Answer 1

width: calc(100vw - 30px);

如果这样呢？