作者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/cn.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