盒子的浮动
当盒子设定浮动时，宽度不伸展，它会脱离标准流，其他盒子会占据他原来的位置，文字会围绕浮动的盒子排列
启示：仅通过改变css就可以改变元素的位置。
浮动方法：
<style type="text/css">
.father{声明}
.father div{声明}
.father p{声明}
.son1{
float:left;}
.son2{
float:right;}
</style>
<body>
<div class="father">
<div class="son1">内容</div>
<div class="son2">内容</div>
</div>
<p>文本</p>
</body>
