CSS定位问题 - Web 开发 / HTML(CSS)

HTML code:

<img src="f3.gif" style="position:relative;left: 30px"/>
<img src="f5.gif" style="position:relative;[color=#FF0000]left: 110px;top: 30px[/color]"/>
<img src="f2.gif" style="position:relative;[color=#FF0000]left: -10px;top: 80px[/color]"/>


红字体的部分，是相对谁设置的呢？虽然能调到自己想要的效果，但是都是试出来的，
请大家指教，谢谢啦！

---

如果没有父级元素，应该是相对浏览器设置的

---

引用

如果没有父级元素，应该是相对浏览器设置的

position:relative
是： 如何相对于元素的正常位置来定位这个元素。文档介绍时这么说的，就是不理解，
不好意思，红色字没设上

---

设置相对定位后元素脱离了文档流，但是还占用文档流的空间，位置是相对于原在文档流中的位置

---

引用

设置相对定位后元素脱离了文档流，但是还占用文档流的空间，位置是相对于原在文档流中的位置

位置是相对于原在文档流中的位置,那么原来的位置是什么位置，
就是我设置后面的数据是以什么做参照的呢？

---

我觉得是这样:
HTML code:

<div id="parent" style="position:relative;"/>
<div id="child" style="position:rel