伪元素引发的问题

问题1

伪元素一定要加content；不管它的display是block还是inline-block，不然即使设置了边框也不存在，这和一般的block和inline-block不一样，一般的block和inline-block即使没有内容也可以画出边框。

问题2

父元素position是relative，子元素position是absolute时，当子元素不设置top、left、right、bottom时，子元素参考的是父元素的content box，但当子元素设置top、left、right、bottom时，子元素参考的是父元素的padding box

综合示例：

top是-6px，而不是-16px。