CSS核心（三十四）使用float属性实现图文绕排及原理解释
<!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>
原理解释：
盒子浮动后会形成层叠效果，但文字比较特殊，它不参与层叠，这就是图文绕排的原理。
是啊，重知识轻技术的后果 很好啊，是真的啊看过了有好多的感慨啊！！！！！！！！！！！ 我也是所谓的学计算机的，但是现在都大三了，对编程，哎！！能力真的不可恭维呀我想问下高手们现在我还有没有的救呀？不胜感谢！！！！ 确实写的好，我今年也是大四拉~~~自己觉得自己的东西学的很好，但在别人眼里根本就算不上是什么，一山比一山高 真的很不错啊，真是有眼福啊。……?^?div> 严重支持！ tongyi ^哈哈~~~你真笑死我了，再重新看看吧~~~ 谢楼主！