何时在CSS中使用"position:relative"？

Question

何时在CSS中使用"position:relative"？

css

17

我想了解在哪些情况下需要在CSS中使用position:relative。

- user1909647

该元素相对于其正常位置定位，因此"left:20"将在元素的左侧位置上添加20个像素。 - Moorthy GK

1

@MoortyGK，left:20 是不正确的，并且符合规范的浏览器会忽略它。 - Jukka K. Korpela

耶！我知道如果我们写 left="20px"，它将把元素从左侧移动 20px（在原始位置的基础上增加 20px）。 - user1909647

但是根据其他元素，“移动的元素”仍然在其原始位置，留下的空间没有被填充。 - user1909647

现在我得到了答案！感谢stackoverflow答案中提供的不同网站链接。想象一下一个外部盒子，你想要添加更多的内部盒子。即使窗口最大化或最小化，你也希望内部盒子在外部盒子内部。这就是应用相对于外部盒子和绝对于内部盒子的时候！！！ - user1909647

显示剩余2条评论

3个回答

5

相对定位最好的使用方式是与绝对定位一起使用。请阅读以下链接以充分理解：CSS tricks网站

- Surinder ツ

1

该元素相对于其正常位置定位，因此"left:50"会将元素左侧的位置增加50像素。

- KanzWebDev

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sahil · Accepted Answer

当我知道元素内部的子元素将要被绝对定位时，我通常在元素中使用position:relative。

例如，如果我有两个div，外部div是一个静态块，而外部div内部的元素将相对于外部div进行绝对定位。那么，对于外部div，请使用position:relative，而内部div应该使用position:absolute。现在，可以使用CSS的top、bottom、left和right属性来随意放置内部div元素。