[問題] 將css的margin設為百分比時…

看板Web_Design作者 (Freebug)時間7年前 (2017/03/10 01:55), 7年前編輯推噓4(406)
留言10則, 6人參與, 最新討論串1/1
如果我將margin屬性設為百分比形式 例如:「margin: 10% 15%;」 為什麼它的百分比基準皆以width,也就是寬度來計算? 像上面那個例子 假設其父元件的寬度為200px,高度為500px 那它的左右margin是200px*15%=30px,這無庸置疑是正確的 但照理而言它的上下margin應為500px*10%=50px呀 為什麼它還是以寬度為基準計算百分比呢?(200px*10%=20px) 其原因為何? 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.139.92.197 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1489082142.A.27F.html

03/10 04:30, , 1F
welcome css real world xd
03/10 04:30, 1F

03/10 07:47, , 2F
因為寬度可以預測,高度隨時變動
03/10 07:47, 2F
您好, 請問這句話的意思是什麼? 為什麼寬度可以「預測」、高度卻隨時在變動(不可預測)呢? 而且我的父元件寬高都固定了 為什麼會說「高度會隨時變動」呢? 謝謝

03/10 08:55, , 3F
就是規定 XD
03/10 08:55, 3F
※ 編輯: freebug (101.138.139.51), 03/10/2017 12:21:59

03/10 17:48, , 4F
你在div裡面填上內容不就清楚了嗎 內容越多div高就越多
03/10 17:48, 4F

03/10 17:56, , 5F
http://codepen.io/anon/pen/evvezB 如果margin是看高度
03/10 17:56, 5F

03/10 17:56, , 6F
那不就每個元素都要去設置了嗎
03/10 17:56, 6F

03/10 17:58, , 7F
你試著在把畫面縮小,就會發現高度變更高了
03/10 17:58, 7F

03/12 04:28, , 8F
你可以選擇用vw和vh取代%
03/12 04:28, 8F

03/16 07:23, , 9F
推樓上,盡量用viewpoint
03/16 07:23, 9F

04/07 14:34, , 10F
樓上說的是viewport喔
04/07 14:34, 10F
文章代碼(AID): #1OmPSU9_ (Web_Design)