left:50%; margin-left:-512px; z-index:1;
这三个定义在.foot中,目的是使.foot在浏览器中水平居中显示。
原理(对齐浏览器的中心点与.foot的中心点,这样就使得.foot在浏览器中水平居中了):
left:50%; //使.foot距离浏览器左边50%,即一半;
margin-left:-512px; //使.foot向左移动512像素,这个使就是.foot中width的一半;
z-index:1; //定义.foot的层级,值越大的越靠前显示,使用z-index时需要定义position:absolute、relative或fixed。举例:z-index:2;的div会盖住z-index:1;的div
left:50%; margin-left:-512px; 的作用主要是为了让这个div无论浏览器怎么拉伸都处于水平居中;
而z-index:1;这是层的上下层级关系,设置多少值根据自己的需要设置,数值越大就越显示在上层;
l eft:50%; 是元素与盒子的距离
margin-left:-512px; 是元素与盒子的左侧内边距
left:50%; margin-left:-512px; 的作用主要是为了让这个div无论浏览器怎么拉伸都处于水平居中;
z-index:1 是元素显示的层级
设置多少值根据自己的需要设置
数值越大就越显示在上层。
该层居中偏左512px,z-index是说这层是显示在最外面还是最里面的意思,但是一般不会这么遍的
left:50%; 元素与盒子的距离
margin-left:-512px; 元素与盒子的左侧内边距
z-index:1 元素显示的层级