浮动、绝对定位和固定定位的区别：
- 绝对、固定定位，浮动都是脱标的。
- 设置了绝对、固定定位属性的元素类似有 float 元素属性（行内块元素）；例如 p 元素设置position：absolute，可直接设置p的width，height
- 浮动元素会压住下面的标准流盒子，但是不会压住下面标准流的文字（图片）。
- 绝对、固定定位会完全压住下面的标准流盒子。
浮动之所以不会压住文字，因为浮动产生的最初目的是为了做文字环绕效果，文字会围绕浮动（float）元素！
1、首先两个标准的盒子，排列顺序是上下
<style>
.box1 {
width: 100px;
height: 100px;
background-color: hotpink;
}
</style>
<body>
<div class="box1">1</div>
<p>这是文字文字文字文字！</p>
</body>效果图：
2、 行内块元素特性
3、浮动元素会压住下面的标准流盒子，但是不会压住下面标准流的文字
4、绝对、固定定位会完全压住下面的标准流盒子
79
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
