Div+CSS实现图文混排布局实例
来源：xjh 编辑：xjh 2010-11-10
图文混排：就是将文字与图片混合排列，文字可在图片的四周、嵌入图片下面、浮于图片上方等。
CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。
CSS层叠式表的特点
1、便于页面的修改。
2、便于页面风格的统一。
3、减少网页的体积。
关键点：掌握好浮动设置 float:left; float:right;
文章给出Div+CSS实现图文混排布局两个实例：图片与项目列表的混排,图片与段落文字的混排，并提供源码下载：
显示效果：
参考：