CSS.2中才引入浮动，当时浮动的初衷，是实现类似word里的文字环绕图片的效果。
普通文档流，因为从上到下，从左到右，规定的太死了，每个元素都被限制了位置。所以才引入了浮动，形成丰富的页面效果。
定位的引入，更加增强了，页面布局的可能。
总的来说，页面布局的时候，有三种布局方式：普通文档流，浮动，定位。
希望对你有所帮助。希望能采纳。
图片不要跟文字同在一容器里就很好弄了
图片归图片，文字用个DIV或P包起来~~~左浮动
一定要不变动html结构的话，那就把外边的容器设成相对，然后左填充至少100px；
里面的图片设成绝对，距左设为零，距上默认为零也可以设置一下零。
1、首先打开软件，并创建一个新的html文件。
2、创建新文件后，设置页面背景颜色。
3、在新文件中创建段落一，或者选择一个段落。
4、再引入图片并设置图片大小，这里就可以设置图片浮动至段落的左边。
5、创建段落二，或者选择一个新的段落。
6，再次引入图片并设置图片大小，同时设置图片浮动至段落的右边。
