本文详细解释了网页布局中浮动（float）元素与绝对定位（absolute）元素的使用区别，包括它们如何脱离文档流，以及各自对内容排列的影响。通过代码示例展示效果，帮助理解两者在网页设计中的应用。
设定float：left / right属性值的元素与设有position:absolute属性值的元素都会脱离其正常文档流，将自己原本占据的空间让出来。
但是他们之间还是存在区别的；
设定float属性的原本目标是为了让文本去环绕一个元素。因此虽然浮动元素让出了它原本的空间，文本流所在的盒子会占据这个空间，但是文本却会围绕浮动的元素，也因此不会被浮动的元素所遮盖。（不会对盒子的排版进行干扰，但会影响内容的排列）
代码：
效果：
absolute：
（1）绝对的“飘”起，完全让出它原本所占据的空间，像不存在一样，不对文档的排版进行干扰。
（2）飘起的高度由“z-index”决定。
代码：
效果：
扫一扫
575
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
