经典的DIV+CSS图文混排

其实这是很老的方法了。写出来只是给新手看 。

高手就不要笑话我了。呵呵。下面是代码和演示效果。

图文混排 左浮动

<div style="width:400px; height:400px; padding:5px; background-color:#CFF;word-wrap:break-word; position:relative;">
<div style="float:left; height:120px; width:120px; padding:5px; background-color:#CCC;">右浮动注意，浮动的DIV层应该放在前面。浮动顺序调节 float 就可以了。</div>
海滨博客是一个发布自己想法的个人平台，同时为大家提供精品的软件下载。希望大家经常来海滨的博客看看。每次来都会发现新的东西哦。呵呵。另外我喜欢结交很多计算机专业的好朋友。欢迎留言。欢迎大家对本博客提出自己的见解，海滨愿意和大家一起沟通。共同发展。大家的支持是我前进的动力。嘿嘿。祝大家工作顺利。万事如意。
</div>

图文混排 右浮动

 <div style="width:400px; height:400px; padding:5px; background-color:#CFF;word-wrap:break-word; position:relative;">
<div style="float:right; height:120px; width:120px; padding:5px; background-color:#CCC;">右浮动注意，浮动的DIV层应该放在前面。浮动顺序调节 float 就可以了。</div>
海滨博客是一个发布自己想法的个人平台，同时为大家提供精品的软件下载。希望大家经常来海滨的博客看看。每次来都会发现新的东西哦。呵呵。另外我喜欢结交很多计算机专业的好朋友。欢迎留言。欢迎大家对本博客提出自己的见解，海滨愿意和大家一起沟通。共同发展。大家的支持是我前进的动力。嘿嘿。祝大家工作顺利。万事如意。
</div>