右邊的高度設置為100%

然后左右兩邊的父元素高度由左邊的列表填充決定, 代碼:

<div class="par">
    <div class="left"></div>
    <div class="right"></div>
</div>

.par {
    height: auto;
}
.right {
    height: 100%;
}

這類型問題叫等高布局，解決方法度娘上很多，我這里有一種：padding補償法。首先把列的padding-bottom設為一個足夠大的值，再把列的margin-bottom設一個與前面的padding-bottom的正值相抵消的負值，父容器設置超出隱藏，這樣子父容器的高度就還是它里面的列沒有設定padding-bottom時的高度，當它里面的任一列高度增加了，則父容器的高度被撐到它里面最高那列的高度，其他比這列矮的列則會用它們的padding-bottom來補償這部分高度差。因為背景是可以用在padding占用的空間里的，而且邊框也是跟隨padding變化的，所以就成功的完成了一個障眼法。