wp是类名父元素的，box是子元素的类名，因为有固定宽度和可变宽度的区别，size用来表示指定宽度，下面都是要用到的效果公开的代码主要是设置颜色、宽高注意：后面不再重复这段常用代码，只给出相应的提示/*publiccode*/.wp{border:1pxsolidred;宽度：300px；height:300px;}.box{背景:绿色;}.box.size{宽度：100px；height:100px;}/*常用代码*/绝对定位的百分比是相对于父元素的宽高，子元素可以通过它，但是绝对定位是以子元素的左上角为基准元素。想要的效果是子元素的中心显示在中心。为了纠正这个问题，您可以使用负值的保证金。负边距可以使元素的位置在相反的方向。通过指定子元素的外边距为子元素宽度一半的负值，可以实现子元素居中，css代码如下/*这里是上面的通用代码*//*这里是上面的通用代码*//*定位代码*/.wp{position:relative;}.box{position:absolute;;顶部：50%；左：50%；保证金-l转移：-50px；margin-top:-50px;}这是我平时使用的方式。这种方式更容易理解，兼容性好。缺点是需要知道子元素的宽高。点击查看完整DEMOabsolute+marginauto该方法还要求居中元素的宽高必须固定。HTML代码如下123123