2回答

好帮手慕星星

2019-03-01

你好，这两属性虽然在某些方面可以实现一样的效果，但是这是两个不同的属性，原理也是不同的。

但是当里面有内容的时候效果是不同的，例如：

给第一个元素设置了定位，位置在（0,0）处，效果：

但是如果设置第一个块为浮动：

效果：

对于浮动float它并没有把div2里面的内容222222遮住而绝对定位absolute把div2的内容覆盖。

虽然在有些情况下float和absolute都能达到效果，但是还是要注意它们的区别。

对于浮动float来说，它仅仅是浮动框脱离文档流，并不脱离文本流，而绝对定位absolute是将元素框完全的脱离文档流从文档流中删除。

自己可以测试下，祝学习愉快！

1

前端之路漫漫

2019-04-29

float方法：浮动框脱离文本，111111文本仍占据宽度和高度。

position:absolute方法，整个div1脱离文档流，文本1111111的位置也让出来。

实现的效果不一样，马克之。不过文本流文档流的说法百度不到区别，暂且这样理解吧

0