css下段代码中 left:50%; margin-left:-512px; z-index:1;这三个是具体是什么意思和作用?

2025-03-04 21:07:08
推荐回答(5个)
回答1:

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

回答2:

left:50%; margin-left:-512px; 的作用主要是为了让这个div无论浏览器怎么拉伸都处于水平居中;
而z-index:1;这是层的上下层级关系,设置多少值根据自己的需要设置,数值越大就越显示在上层;

回答3:

l eft:50%; 是元素与盒子的距离

margin-left:-512px; 是元素与盒子的左侧内边距

left:50%; margin-left:-512px; 的作用主要是为了让这个div无论浏览器怎么拉伸都处于水平居中;

z-index:1 是元素显示的层级

设置多少值根据自己的需要设置

数值越大就越显示在上层。

回答4:

该层居中偏左512px,z-index是说这层是显示在最外面还是最里面的意思,但是一般不会这么遍的

回答5:

left:50%; 元素与盒子的距离
margin-left:-512px; 元素与盒子的左侧内边距
z-index:1 元素显示的层级