作者Isacat (日光貓....^o.o^)
看板Web_Design
標題Re: [問題] height 100% 不能自動伸長網頁大小
時間Wed Mar 28 10:49:45 2012
呃,如果我沒有把問題搞錯的話,這應該是CSS可以解決的問題。
http://dl.dropbox.com/u/9655383/div_table.html
請參見最上面淺灰和深灰底的區塊的原始碼。
基本上最重要的就是外面包一層div設定display: table,
在它內層的div則要設定display: table-cell。
※ 引述《happy4u (楽楽〞)》之銘言:
: 我網頁做了一個版面,會有不同文章大小載入的頁面
: ________________ ______
: | | | |
: | | | |
: | | | |
: | | | |
: | 文章長度不一定 | | |
: | | | |
: | | | |
: | | |______|
: | |
: | | ↑CSS設定height:100%
: | | 表格也設定height="100%" 都不能向下延長與文章同樣大
: | |
: |________________|
: 我有爬過文~~說IE六以後就不支援這項功能~~我在網路上也找了好多方法~還是不能>"<
: 文章改掉<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
: 我的DIV全部會跑掉~"~
: 有甚麼辦法呢~"~救我~~~~
: 謝謝
--
U.Design 網頁設計作品集
http://unas.com.tw/U_Design/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.253.77.39
→ Isacat:不過不保證IE6~8可以正常顯示=.=" 03/28 10:50
推 happy4u:寬度可以設定~但是高度不能阿>"< 03/28 14:12
→ Isacat:高度可以啊 我的範例中 兩者高度明明也不一樣@@~ 03/29 15:34