[問題] 控制網頁的高度大於等於100%
我的網頁結構如下
<html>
<body>
<div id='main'>
網頁內容
</div>
<div id='footer'>
</div>
</body>
</html>
css部份:
<style>
html{
height:100%
}
body{
height:100%
}
#main{
height:90%
}
</style>
我目前網頁的效果是網頁內容短時，footer的div會固定在90%的位置
但是當網頁內容過長時，footer的div仍會固定在90%的位置
要如何做到footer的div在網頁內容過長時會自動調整位置到main的div之後呢？
我目前想法是想用javascript去控制他，但是又抓不到main的div高度去判斷他，
我下alert(document.getElementById('main').style.height);傳回的都是空白
請問各位大大要怎麼改出我想要的效果呢？
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.125.41.241
→
11/12 10:42, , 1F
11/12 10:42, 1F
→
11/12 10:57, , 2F
11/12 10:57, 2F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章