作者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