css垂直居中、水平居中和自适应宽度代码

一、宽度自适应的元素css水平居中：

1.宽度自适应的元素可以是：绝对定位、浮动元素、行内元素。而我们通常布局，肯定不会用行内元素，所以会选择，绝对定位或浮动。

2.居中：这里我们应该会想到1/2、50%、一半等这些东西。

以下是实现代码：

pos元素的float:left或都用position:absolute;都可以，因为这两个属可以宽度自适应。

先这个多余的DIV亮绿色，水平50%移动(移动，可以用margin-left 或者 left)

再让其内容深绿色向右水平移动50%（只能用right属性移动）;

那么这个深绿色，就会在黑色的body里居中了！

总结：外层的定位：需要是自适应宽度的;(float:left 或者 position:absolute;)
内层的位定：需要是自动100%宽度的（相对于外层100%）;
并且是可以移动出外层范围的;

（所以只能用position:relative;别无选择！）