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

[freebug (Freebug)]

如果我將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
推 iamnodoubt: welcome css real world xd
→ minejel: 因為寬度可以預測,高度隨時變動
您好，

請問這句話的意思是什麼？

為什麼寬度可以「預測」、高度卻隨時在變動(不可預測)呢？

而且我的父元件寬高都固定了

為什麼會說「高度會隨時變動」呢？

謝謝


→ frostyjoan: 就是規定 XD
※ 編輯: freebug (101.138.139.51), 03/10/2017 12:21:59
→ minejel: 你在div裡面填上內容不就清楚了嗎  內容越多div高就越多
→ minejel: http://codepen.io/anon/pen/evvezB 如果margin是看高度
→ minejel: 那不就每個元素都要去設置了嗎
→ minejel: 你試著在把畫面縮小,就會發現高度變更高了
推 s89227: 你可以選擇用vw和vh取代%
推 Toge: 推樓上，盡量用viewpoint
推 davidliang: 樓上說的是viewport喔