作者freebug (Freebug)
看板Web_Design
標題[問題] 將css的margin設為百分比時…
時間Fri Mar 10 01:55:40 2017
如果我將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://webptt.com/m.aspx?n=bbs/Web_Design/M.1489082142.A.27F.html
1F：推 iamnodoubt: welcome css real world xd03/10 04:30
2F：→ minejel: 因為寬度可以預測,高度隨時變動03/10 07:47
您好，
請問這句話的意思是什麼？
為什麼寬度可以「預測」、高度卻隨時在變動(不可預測)呢？
而且我的父元件寬高都固定了
為什麼會說「高度會隨時變動」呢？
謝謝
3F：→ frostyjoan: 就是規定 XD03/10 08:55
※ 編輯: freebug (101.138.139.51), 03/10/2017 12:21:59
4F：→ minejel: 你在div裡面填上內容不就清楚了嗎 內容越多div高就越多 03/10 17:48
6F：→ minejel: 那不就每個元素都要去設置了嗎 03/10 17:56
7F：→ minejel: 你試著在把畫面縮小,就會發現高度變更高了 03/10 17:58
8F：推 s89227: 你可以選擇用vw和vh取代% 03/12 04:28
9F：推 Toge: 推樓上，盡量用viewpoint 03/16 07:23
10F：推 davidliang: 樓上說的是viewport喔 04/07 14:34