[問題] div區塊高度問題

看板Web_Design作者 (BloodyDawn)時間17年前 (2009/06/25 16:43), 編輯推噓1(103)
留言4則, 2人參與, 最新討論串1/1
現在我想在網頁中插入<div></div> 並用百分比指定高度和寬度 如: <html> <head> <style type="text/css"> div { width: 30%; height: 30%; background-color: #996699; //背景色用來看高&寬 } </style> </head> <body> <div> Hello Moto ! </div> </body> </html> 這樣設定是OK沒問題 但如果我想要符合W3的標準 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "" rel="nofollow">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="utf-8" lang="utf-8"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> Hello ! </title> <style type="text/css"> div { width: 30%; height: 30% background-color: #996699; } </style> </head> <body> <div> Hello Moto ! </div> </body> </html> 這樣設定只有寬度可以用百分比 高度用百分比則沒有效果 但是將百分比換成px設定就沒問題 請問是我設定錯誤還是遇到什麼bug了? -- ███◣◣ █ ███◣ █  ◤█ █◢ ◢█ █ ◣ ◣ ███◣█◢██◣◢██◣◢████ ██ █◢███ ◢ ◣███◣ █  ███ ██ ██ █◥█◤█ ██ █ █◢◣██ █ ███◤◥◥██◤◥██◤◥██◤ ◤ ███◤◥███◣◥◤◥◤◤ ◤ http://bloodydawn.blogspot.com/ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 60.251.131.137

06/25 16:51, , 1F
父元素也要設高度 body{height:100%;}
06/25 16:51, 1F

06/25 17:17, , 2F
可是我加上之後百分比還是一樣沒效果耶@_@a
06/25 17:17, 2F

06/25 17:17, , 3F
06/25 17:17, 3F

06/25 17:21, , 4F
試出來了,原來html也要設定高度...囧興
06/25 17:21, 4F
文章代碼(AID): #1AGpYhze (Web_Design)
文章代碼(AID): #1AGpYhze (Web_Design)