区别:

float布局:将元素脱离文档流,后面的元素会填充当前元素的位置,但是不会影响下一个元素的位置,只会影响下一个元素中的文字显示;

position布局:将元素脱离文档流,后面的元素会填充当前元素的位置,但是不会影响下一个元素中的文字显示,会直接将文字覆盖掉;

左右布局:float布局 右边的高度大于左边的高度时,左边的高度无法自动根据右边的高度撑开,除非同时设置父元素和左边元素的height100%

左边
右边

左右布局:position布局 左边的div可以自动根据右边的高度撑开;

左边
右边

左中右布局:float布局 整体高度必须小于3000px

左边
右边
中间