【问题标题】:Scrollable div fill available height可滚动的 div 填充可用高度
【发布时间】:2014-05-19 14:02:47
【问题描述】:

我目前正在尝试创建一个“拆分视图”网站,其中左侧有一个可滚动的导航栏,右侧有一个内容区域。

左侧的导航区域包含一个搜索字段(带有一个提交按钮),下方是一个类似于 Windows 资源管理器的可滚动树视图。

我环顾四周,找到了可滚动 div 和 div 的解决方案,它们填充了窗口中的其余高度,但将它们结合起来让我有些头疼

我正在寻找一个没有绝对定位的解决方案,因为创建的页面将嵌入到其他地方,这会破坏事情。

这是我目前尝试过的演示:http://codepen.io/anon/pen/Aesgk/

如您所见,由于导航区域的高度,我在右侧获得了第三个滚动条,而不是预期的 2 个滚动条。

提前致谢!

【问题讨论】:

    标签: css height overflow scrollable


    【解决方案1】:

    试试这个 CSS

    height: 100%
    overflow: scroll
    

    【讨论】:

    • 谢谢!刚刚尝试过,但它不起作用:(因为我已经溢出:自动添加滚动条,如果需要(如在我的演示中)将其更改为溢出:滚动只会强制滚动条始终存在。
    猜你喜欢
    • 2012-11-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-10-21
    • 2012-06-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多