<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用float属性实现图文绕排及原理解释</title>
</head>
<body>
<style>
div{
width:400px;
height:400px;
border:1px solid #000;
}
img{
float:left;
margin-top: 10px;
margin-right: 10px;
}
</style>
<div class="box">
<p>
慈众易博网页信息自动发布系统V9，是一款网页/HTTP协议类全自动辅助操作工具，是继早期的V7、V8版本之后又一款简单高效的万能网络营销推广工具，是专业营销推广人员及SEO从业人员的核武器。
<img src="./img/2.jpg" alt="">
软件内置高质量网站平台挖掘器，可从互联网上抓取出适合我们发布信息的高质量网站平台，支持自己编写各种网页自动填表或HTTP协议操作类的脚本，从而代替手动来完成一些重复繁琐的网页操作。
</p>
</div>
</body>
</html>
原理解释：
盒子浮动后会形成层叠效果，但文字比较特殊，它不参与层叠，这就是图文绕排的原理。
|
窥视卡
雷达卡
发表于 2023-2-1 12:18:41
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-18 01:19:21
