如何让不知宽高的div居中？

1. 父元素{ position:relative;}

   子元素{ position:absolute; top:0; left:0; bottom:0;right:0; margin:auto;}

2. 父元素{ position:relative;}

    子元素{ position:absolute; left:50%;top:50%; transform: translateX(-50%) translateY(-50%);}