html语言position,html中position定位

html中position有三个值：relative、absolute、fixed。

首先说position:relative，相对定位，指的是元素本身定位。开启元素相对定位之后，

1.元素不会脱离文档流；

2.可以给元素设置top、bottom、left、right值；

3.可以给元素提升一个层级；

4.设置了相对定位元素，原来是内联元素现在还是内联元素，原来是块状元素，现在还是块状元素。

例：有3个块状元素，想要将box2移到box3的右边，通常可以给box2设置margin-top、margin-left值实现，具体如下：

但是我们 发现给box2设置margin-top、margin-left值后，box2并没有到box3的右边，box3同时也下移了100px。

此时我们可以通过给box2设置position:relative，并设置left、right、top、bottom等偏移值来实现。

如图：

但是如果box2在水平方向上是偏移了50px，则box2会将box3遮住一部分，而不是box3会将box2遮住一部分，因为box2设置了position:relative后，层级提升了一个等级。

具体如图&

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！