Question

所以我有这个高度笼罩的布局（不是我的决定），它包含一个表，如果需要，需要在任何方向上滚动。如果兄弟姐妹和父母不具有固定的，绝对的和相对的位置，那么设定高度就不会有问题。

问题是，只要.controls div的高度扩展（当视口调整为较小的大小时），滚动条的一部分就会被.footer覆盖而无法点击。如果那里有一个水平滚动条，它也会被完全覆盖。

.filter-table {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 30px); // hmm!
    float: left;
    overflow: auto;
    background-color: rgba(25,125,100,0.1);
}

table {
    border-collapse: collapse;    
    width: 100%;
}

http://jsfiddle.net/zv2cdv9z/

有什么想法吗？

Answer 1

我对页脚样式进行了一些调整，通过将位置从固定更改为绝对并使底部： - 10px。这允许用户向上或向下滚动，以便页脚不会永久阻止任何内容，如下所示：

.footer {
    position: absolute;
    bottom: -10px;
    left: 0px;
    right: 0px;
    height: 30px;
    background-color: #ddd;
    color: #fff;
}

请参阅http://jsfiddle.net/dfLfvha1/1/

两个固定div之间的垂直溢出动态高度

1 个答案: