relative和absolute的效果

时间:2024-07-07 12:35:02

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

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呢?