height 100 overflow scroll not working

如果 height: 100%; overflow: scroll; 不起作用,可能是由于父元素的高度未设置或设置错误导致的。

当一个元素的高度被设置为百分比时,它的高度将根据其父元素的高度进行计算。如果父元素的高度未设置,那么子元素的高度将无法正确计算。

要解决这个问题,可以检查子元素和父元素的高度是否都正确设置。如果子元素的高度为百分比,请确保其父元素的高度也设置为百分比。如果子元素的高度为固定值,请确保其父元素的高度大于或等于子元素的高度。

此外,还可以检查是否存在其他 CSS 属性,如 position float ,可能会影响元素的高度计算。确保这些属性设置正确也可能有助于解决问题。

最后,如果以上方法都无法解决问题,您可以考虑使用 JavaScript 或 jQuery 来动态设置元素的高度和滚动条。这可能需要更多的代码和调试,但可以确保您的布局能够正确显示。

希望这些信息能对您有所帮助。

  •