【问题标题】:CSS or Table 'Dock Layout' Solution for Non Scrolling Header?非滚动标题的 CSS 或表格“Dock 布局”解决方案?
【发布时间】:2017-01-15 19:36:02
【问题描述】:

我有一个不随其下方内容滚动的可变高度标题。内容将像普通网页一样,溢出=自动,受限于视口的大小。

我还没有找到无表格的 CSS 解决方案,并且使用表格溢出无法正常工作 - 底部表格行不受视口高度 - 标题高度的限制。

这似乎是一个相当简单和常见的问题。有没有人想出一个可行的解决方案?如果有帮助,我可以忽略 IE

【问题讨论】:

    标签: css overflow docking


    【解决方案1】:

    由于您不支持 IE6,您可以将 header 设置为 position: fixed 以防止其随文档滚动。

    请注意,滚动条仍会延伸到标题的顶部,因此您应该在内容的顶部添加填充,这样当它滚动到顶部时,它不会在标题后面结束。

    【讨论】:

    • 不幸的是,这并不能解决问题。填充必须是固定数量。内容区域需要偏移header的可变高度。
    • 那么我认为没有 Javascript 是不可能的。不过,我并不完全确定。
    猜你喜欢
    • 1970-01-01
    • 2015-01-18
    • 2011-01-22
    • 2018-09-26
    • 1970-01-01
    • 1970-01-01
    • 2015-12-10
    • 2012-11-30
    • 1970-01-01
    相关资源
    最近更新 更多