Css 如何讓 div 與父容器等高、div 與body等高

將父容器的「height」屬性設定為固定高度,再將子容器的「height」設定為100%。

<div style="height: 150px; border: 1px solid red;">
<div style="height: 100%;background-color:lightsteelblue;"></div>
</div>

同樣的方法可以套用在「body、html」的標籤上讓它的「height」屬性為 100%。如此在body下的div子容器只要將「height」設定為100%,它的高度會自動延申與body等高。

<style type='text/css'>
body,html {height:100%;}
.div_under_body {height:100%;}
</style>

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s