1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用css对div进行初始化，设置其内外边距都为0，并让div浮动向左。
3、在test.html文件内，创建一个div，并设置其class属性为xx，用于下面定义其css样式。
4、在test.html文件内，使用css设置类名为xx的div样式，设置其宽度、高度都为300px，背景颜色为红色。
5、在test.html文件内，在上面div的内部，再创建一个div，并设置其类名为ss。
6、在test.html文件内，使用css设置类名为ss的div样式，设置其高宽为100px，背景颜色为白色，上边距为100px，左边距为100px。
绝对定位：<style>
body{margin:0padding:0position:relative}
#box{width:500pxheight:500pxposition: absolutetop:50%left:50%margin-top:-250pxmargin-left:-250pxbackground:#eeeeee}
</style>
<div id="box">这个层是垂直，水平居中的，说说原理.box,对body来定位，然后距离顶部50%，左边50%，再用margin-top，用个负的box高度一半，margin-left:负的box宽的一半，这样就居中了。
</div>
