div的垂直居中问题

版权声明：本文为博主原创文章，转载请附上博文链接！ https://blog.csdn.net/weixin_43925266/article/details/84762332

有固定宽高的情况下

div{position:relative; width:500px;height:300px;top:50%;left:50%;margin:-150px00-250px;background-color:pink;}

无固定宽高的情况下

div{position:absolute; width:500px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:pink;}