正在回答
同学你好，并没有特别经典的例子来解释这三个之间的关系，老师这里自己写了个html，同学可以结合下面这个页面来理解下
页面上有三个div，初始效果如下
relative：相对于原来位置移动，元素设置此属性之后仍然处在文档流中，不影响其他元素的布局
给第一个div设置relative：
元素相对于原来位置偏移，宽高都没变，撑大了容器，也不影响其他元素
如下
absolute:元素会脱离文档流，会影响其他元素的位置定位
只给第一个div设置absolute：
离开原来的位置，并且不占着原来的位置，会把div2的内容覆盖
float:元素会脱离文档流，也会影响其他元素的位置定位
只给第一个div设置float：
离开原来的位置，并且也不占着原来的位置
对于浮动float它并没有把div2里面的内容222222遮住，所以一般用于图片的文字环绕布局效果。
对于这三种用法的区别以及使用场景，同学多练习就可以明白他们的区别了
祝学习愉快
同学你好，
position 是关于定位，float 是浮动
1）position: absolute|relative; 要配合top,left等定位；position: relative会占据文档流空间，并不是脱离文档的，而position: absolute会导致元素脱离文档流，被定位的元素等于在文档中不占据任何位置，在另一个层呈现，可以设置z-index。
2）float: left|right; 可以自动排列自动折行, 但需要clear来配合清除浮动；
3）float也会导致元素脱离文档流，但还在文档或容器中占据位置，把文档流和其它float元素向左或向右挤，并可能导致换行。因此float用于图片的文字环绕布局效果。
所以实际的使用根据具体的页面需要来决定使用哪个
有时候都可以实现的情况下，同学根据自己的习惯选择即可
祝学习愉快
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星