向绝对的初学者解释相对和绝对定位？

Question

你能取悦我的亲戚和绝对定位，我不明白这两个词的意思。我只是想得到另一种解释，并通过我自己的理解来运行它，看看我是否正确。

Answer 1

观看此视频：

http://www.cssreset.com/understanding-css-relative-and-absolute-positioning-explained/

应该一劳永逸地解决问题。

Answer 2

您可以尝试本教程：

http://www.barelyfitz.com/screencast/html-training/css/positioning/

清楚地解释了一次一个小步骤的相对和绝对定位。

Answer 3

• 让我们从position：static开始;静态是默认值，因此如果未指定任何内容，则该元素是静态的。它是 页面上正常的元素流。例如当元素 它不适合在线上，它会进入下一行。

• 然后我们有位置：亲戚;可以认为这与其自身的立场相关。现在我们可以使用左，右，上，下移动 元素从其原始位置。

• 此外，将元素的位置设置为relative时，将重置任何绝对子元素的原点。换句话说，绝对子元素的位置（0,0）与相对父元素的位置相同。

• 下一个是位置：绝对;该元素现在位于页面上正常的元素流之外。该位置是从找到的第一个相对父母的原点开始测量的。如果找不到这样的父母，那就是 位置将相对于浏览器窗口，这是相同的 作为职位：固定;