margin auto;与text-align:center;的区别

margin auto:  是使自身在浏览器内居中，需要配合宽度使用：（只有自身有作用）

text-align:center:  针对当前下所有的文本内容居中（是对里面的内容 例img 各种文本）

相同点：这两个在元素浮动（fl re ab fi）的情况下，是不能对元素起作用的当 position: absolute 时，元素会向父级递归寻找 position 属性不为 static 的元素，并找到的第一个元素的边界为基准进行居中对齐，如果找不到，则以 body 元素为基准。

当 position: fixed 时，元素以浏览器的窗口为基准居中对齐。

扩展1：margin 0 auto: 表示top bottom为0  左右居中 

扩展2：一个纯 img  是没有边框的，但是你给他一个hover 里面设置border，就有边框

DIV水平居中显示CSS代码

需要的主要css代码有两个，一个为text-align:center（内容居中），另外一个为margin:0 auto；其两个样式需要配合使用才能实现div盒子的居中显示排版。

首先我们对body设置text-align:center，再对需要居中的div盒子设置css样式margin:0 auto，这样即可让对应div水平居中。

w3c标准自适应高度height100%不起作用

后来发现要给html,body都增加height:100%的属性，这是高度自适应问题的关键所在。 

html,body{ 
margin:0px; 
height:100%; 
}