wp是父元素的类名，box是子元素的类名，因为固定宽度和可变宽度是有区别的，size是用来表示指定宽度的，下面是所有效果使用的通用代码，主要是设置颜色和宽高注意：此通用代码后面不再赘述，只会给出相应的提示/*publiccode*/.wp{border:1pxsolidred;width:300px;height:300px;}.box{background:green;}.box.size{width:100px;height:100px;}/*常用代码*/绝对定位的百分比是相对于父元素的宽高。该特性允许子元素居中显示，但绝对定位是基于子元素的左上角。想要的效果是子元素的中心居中表明为了纠正这个问题，可以使用外边距的负值。负外边距可以将元素定位在相反的方向。通过将子元素的外边距指定为子元素宽度的一半的负值，可以使子元素居中。css代码如下50%;left:50%;margin-left:-50px;margin-top:-50px;}这是我比较常用的方法。这种方式比较容易理解，兼容性好。缺点是需要知道子元素的宽高点击查看完整DEMOabsolute+marginauto这种方法也需要固定居中元素的宽高，HTML代码如下123123