首页 > 解决方案 > 当我切换导航页面时,内容容器的高度会发生变化。我希望它一致

问题描述

当您打开此页面时,您会在左侧看到一个可滚动的导航栏,其右侧是内容。我已将内容容器的高度设置为 70vh,并且其中的内容也是可滚动的。它在加载时工作正常。但是当我单击其他菜单(例如退休计划)然后单击返回健康保险菜单时。内容容器的高度变为随机高度。我希望它是 70vh。
第一次加载页面时
在此处输入图像描述

当您单击另一个菜单时

在此处输入图像描述 当您单击第一个菜单时,内容容器的高度会自动更改

在此处输入图像描述

jsfiddle链接

<a href="http://jsfiddle.net/16nsvq37/1/">http://jsfiddle.net/16nsvq37/1/</a>

<script async src="//jsfiddle.net/16nsvq37/1/embed/"></script>

标签: javascripthtmlcss

解决方案


删除 setheight 函数并在 css 中给它一个高度。谢谢@MajiD 的回答


推荐阅读