float标签实现块状元素的左右布局

html中，块状元素总是上下排列，行内元首总是左右排列，若想让两个<div>左右排布，则应怎样做？此时可以使用float标记。
float可以让元素失去他所站的位置，浮在“上面”，而其后的元素则会把它的原有位置填充满，即抢走他的位置。
在float了的元素下方加入<div style="clear:both"></div>空标签，可以把它原位置填充满，防止之后的元素抢占，从而出现无法预料的混乱。
另外，如果文字与图片在同一父标签中，让图片float一下，则文字并不会跑到图片下方，而是形成环绕效果，这是文字节点的一个特性