CSS可以幫助我們實現許多不同的效果，其中一個重要的效果是讓兩個列表擁有相同的高度。如何實現這個效果呢？以下是一些建議。 首先，我們需要使用CSS的`display:flex`屬性來排布兩個列表。具體代碼如下： ``` .parent { display: flex; } ``` 然后，我們需要定義每個列表的高度。這樣可以確保它們具有相同的高度。 ``` .child { height: 100%; } ``` 最重要的一點是，我們需要給子元素添加`align-self:stretch`屬性，以確保它們具有相同的高度。 ``` .item { align-self: stretch; } ``` 通過這些CSS屬性的使用，我們可以將兩個列表的高度設置為相等。 下面是完整的CSS代碼： ``` .parent { display: flex; } .child { height: 100%; } .item { align-self: stretch; } ```