CSS: 边距相关

[Mardanjan]

1 外边距和内边距取百分比值的时候

div {
  width: 200px;
  height: 100px;
}
div > p {
  margin: 10%;
  padding: 10%;
}

外边距和内边距参照的都是包含块的宽度，上下边距并没有参照包含块的高度，因此p的外边距和内边距都等于20px

2 margin剧中的原理

因为auto是指平分剩余的空间，能实现水平居中
垂直居中需要使用position:absolute; left 0 top 0 buttom 0 right 0