代码之家  ›  专栏  ›  技术社区  ›  K. Morris

DIV在100%高度,包含表,需要滚动条,未显示

  •  0
  • K. Morris  · 技术社区  · 2 年前

    球门

    • 我希望容器div的高度是浏览器中可用高度的100%。
    • div包含一个表,该表有许多记录。如此之多,以至于它远远延伸到div可用的可见窗口的底部以下。
    • 当表显示在div中时,div不能将其高度扩展到可见窗口以下,而是保持在可见窗口中可用高度的100%,并创建滚动条,因此用户必须使用div中的滚动条而不是页面的滚动条向下滚动。

    我能找到的所有解决方案都包括设置一个固定的包含div的高度。但这会给平板电脑上有小屏幕的人带来问题,而且在大型全尺寸电脑显示器上也会显得很愚蠢。我需要将包含的div设置为100%的高度,这样它就会根据用户对浏览器的操作进行扩展和收缩,我需要在同一个div上有一个垂直滚动条,而不是整个网页上的滚动条。

    1 回复  |  直到 2 年前
        1
  •  0
  •   Olek    2 年前

    作为一种选择,您可以对不同的屏幕大小使用媒体参数,但修改每个世界监视器的大小需要很长时间,所以我会尝试在CSS样式中使用特定的值,如“vh”,这将使容器的用户屏幕具有固定的大小