浮动是用来做文字环绕的
<style>
.box {
/* 1.浮动的元素不会压住下面标准流的文字 */
float: left;
/* 2. 绝对定位(固定定位) 会压住下面标准流所有的内容。 */
width: 150px;
height: 150px;
background-color: pink;
}
</style>
</head>
<body>
<div class="box"></div>
<p>阁下何不同风起,扶摇直上九万里</p>
绝对定位(固定定位) 会压住下面标准流所有的内容。
<title>定位会完全压住标准流盒子内容</title>
<style>
.box {
/* 1.浮动的元素不会压住下面标准流的文字 */
float: left;
/* 2. 绝对定位(固定定位) 会压住下面标准流所有的内容。 */
position: absolute;
width: 150px;
height: 150px;
background-color: pink;
}
</style>
</head>
<body>
<div class="box"></div>
<p>阁下何不同风起,扶摇直上九万里</p>