学习笔记
- <percentage>
always relative to the width of the containing block.
padding-top,padding-bottom同理,一般是按容器元素的宽度计算的
为什么会这样?????因为最初是为了排版,保证上下左右留白相同,都参照一个值,同样的百分比才会相同。至于我们相用top:50%;margin-top:-50%;来垂直居中那就是trick的想法,看来走不通。
- 不过也并不是绝对的,当设置了writing-mode为纵向书写时,比如-webkit-writing-mode: vertical-lr;此时按百分比书写的margin就会参照容器的高度来计算了。