當(dāng)我們?cè)谑褂肅SS對(duì)網(wǎng)頁布局進(jìn)行設(shè)計(jì)時(shí)，有時(shí)會(huì)遇到高度被默認(rèn)設(shè)定的問題，這時(shí)，我們就需要使用CSS來撐起高度。那么如何實(shí)現(xiàn)這個(gè)效果呢？下面我們將通過代碼演示來一步步實(shí)現(xiàn)。

// HTML代碼
<div class="container">
<div class="content">
<p>這是一個(gè)可以被撐起高度的段落</p>
<p>這是另一個(gè)可以被撐起高度的段落</p>
</div>
</div>
// CSS代碼
.container {
height: 200px; // 設(shè)定容器高度
overflow: hidden; // 超出部分隱藏
}
.content {
padding-bottom: 500px; // 設(shè)定距底部的padding
margin-bottom: -500px; // 通過負(fù)margin來把容器高度撐起
}

上面的代碼中，我們首先設(shè)定了外層容器的高度為200px，并且設(shè)定超出部分隱藏。然后，在內(nèi)層容器中，我們通過設(shè)定padding-bottom來讓容器高度比實(shí)際內(nèi)容高出500px。最后，通過負(fù)margin來把這500px的高度撐起，最終實(shí)現(xiàn)了我們想要的效果。