.warp{position:relative;}.box{宽度：200px；高度：100px；位置：绝对；顶部：50%；左：50%；填充：0；左边距：-100px；/*(width+padding)/2*/margin-top:-50px;/*(height+padding)/2*/}纯CSS实现水平和垂直居中最近面试问了这个问题，我只回答了2种。感觉面试官不满意。特意总结了几种开发中的实用方法。方法分享给大家。一、需要知道宽高方案1、绝对定位+负边距.warp{position:relative;}.box{宽度：200px；高度：100px；位置：绝对；顶部：50%；左：50%；填充：0；左边距：-100px；/*(width+padding)/2*/margin-top:-50px;/*(height+padding)/2*/}
