1、宽度自融入的元素水平垂直居中：
1.宽度自融入的元素能够是：肯定位定、波动元素、行内元素。而大家一般合理布局，毫无疑问不容易用行内元素，因此会挑选，肯定精准定位或波动。
2.垂直居中：这里大家应当会想起1/2、50%、1半等这些物品。
上图中：黑色为body，深翠绿色必须在body中水平垂直居中，而且宽度是自融入的。亮翠绿色，是1个过剩的DIV，便是以便让深翠绿色的DIV水平垂直居中。
下列是完成编码：
pos元素的float:left或都用position:absolute;都可以以，由于这两个属能够宽度自融入。
先这个过剩的DIV亮翠绿色，水平50%挪动(挪动，能够用margin-left 或 left)
再让其內容深翠绿色向右水平挪动50%（只能用right特性挪动）;
那末这个深翠绿色，就会在黑色的body里垂直居中了！
<body>
<div class="pos">
<div class="boxA">检测用的内內容测检测用的內容</div>
</div>
</body>
*{ margin:0; padding:0;}
body{background:#000000;}
.pos{float:left;margin-left:50%; background:#33CC33; padding:10px;}
.boxA{position:relative;right:50%;background:#096;}
总结：外层的精准定位：必须是自融入宽度的;(float:left 或 position:absolute;)
里层的位定：必须是全自动100%宽度的（相对外层100%）;
而且是能够挪动外出层范畴的;
（因此只能用position:relative;别无挑选！）
