relative和absolute的效果

我对这样几个效果不是特别理解：

1.float的效果：

就是搞不清楚我想要什么效果的时候可以将某个标签设置为float，一直没总结出什么规律。

2.relative和absolute的效果：

也是不清楚在什么情况下我们设置为relative，在想要什么效果的时候应该选择absolute，还劳烦您帮忙解惑

• float在需要将2个在不同行的元素显示在同一行时使用，它可以设定元素是居左还是居右

  relative和absolute是在设定元素相对定位时使用

  比如A和B元素，

  A在外面，B在里面

  那么B就是相对A的位置存在的

  要设定成这样

  就把A设置为relative

  B设置为absolute

  这样就可以设置B相对于A的位置了

  浏览器默认body就是relative的

  • 关于float的我清楚了

    我还是不是很明白relative和absolute，你说b是相对与a的位置存在，那应该b是relative啊，为什么a是relative而b则是absolute呢？