[css]margin-top的百分比的属性值

学习笔记

1. <percentage>
   always relative to the width of the containing block.

padding-top,padding-bottom同理,一般是按容器元素的宽度计算的
为什么会这样？？？？？因为最初是为了排版，保证上下左右留白相同，都参照一个值，同样的百分比才会相同。至于我们相用top:50%;margin-top:-50%；来垂直居中那就是trick的想法，看来走不通。

2. 不过也并不是绝对的，当设置了writing-mode为纵向书写时，比如-webkit-writing-mode: vertical-lr;此时按百分比书写的margin就会参照容器的高度来计算了。

参考文献

1. MDN: margin-top
2. margin系列之百分比
3. CSS中margin-top/bottom(padding-top/bottom)百分比为何以最近的块级祖先元素的宽度而不是高度作计算？