Question

我有两个div，彼此相邻，使用绝对位置。但是当我试图制作一个页脚时，它会在两个div之后。我怎么能在它们之下呢？它需要是动态的，所以如果我让一个div更大，页脚将保持在下面。

这是一个快速的小提琴，我做了表明它。 https://jsfiddle.net/po7159rf/ 或

for i in $(<fileA.txt);
do
    if !((grep -q $i fileB.txt) && (grep -q $i fileB.txt) && (grep -q $i fileC.txt) && (grep -q $i fileD.txt)); then
        print "$i not found in either of 4 files"
    fi
done

Answer 1

您可以通过向左右div添加父div 来实现此目的。将min-height和relative positioning属性设置为父div。请在下面找到修改后的代码。

<style>
.parent {
    position: relative;
    min-height: 70px;
}

.left {
    position: absolute;
    left: 10%;
    background-color: red;
}

.right {
    position: absolute;
    left: 80%;
    background-color: blue;
}

footer {
    width: 100%;
    background-color: green;
    text-align: center;
}

<div class="parent">
<div class="left">
    <p>
        left div
    </p>
</div>

<div class="right">
    <p>
        Right div
    </p>
</div>
</div>

<footer>
Footer
</footer>

保持页脚低于内容

1 个答案: