[問題] 如何動態決定 DIV viewport 的高度

看板Web_Design作者時間12年前 (2012/03/23 21:52), 編輯推噓4(404)
留言8則, 6人參與, 最新討論串1/2 (看更多)
大家好,小弟有一個 Layout 問題 請先看下面的連結: http://jsfiddle.net/pDkXZ/2/ 小弟想問,在決定 <aside> 和 <div id="main"> 的高度 可以用 CSS 來決定扣除掉 Header 和 Footer 的高度嗎? 目前我是用 jQuery 去決定高度,但若想要用 CSS 的話能辦得到嗎? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 111.250.198.169

03/23 22:49, , 1F
想知道+1
03/23 22:49, 1F

03/24 00:11, , 2F
你是想讓aside, main等高吧 在本版搜尋/等高
03/24 00:11, 2F

03/24 00:59, , 3F
css 可以用 header:15%, main:75%, footer:10% 這樣指定高度
03/24 00:59, 3F

03/24 14:30, , 4F
謝謝回覆,我的需求是header和footer的高度都是固定的,
03/24 14:30, 4F

03/24 14:31, , 5F
但是我中間的兩欄要能取扣掉Header和footer的高度
03/24 14:31, 5F

03/26 12:04, , 6F
關鍵字 sticky footer
03/26 12:04, 6F

03/28 10:52, , 7F
推樓上 想讓高度滿版不需要這樣計算
03/28 10:52, 7F

03/28 10:53, , 8F
讓footer即使高度不夠時仍會固定置底就OK了
03/28 10:53, 8F
文章代碼(AID): #1FR80X2b (Web_Design)
文章代碼(AID): #1FR80X2b (Web_Design)