如果3个div上下排列，第三个div加上float:right的话，第三个div只是浮动到页面右面，不到到任何div下面。你浮动的是div，自然里面的文字不会浮动了。想要控制div里文字的话可以用属性text-align，具体步骤如下：
1、background-color:rgba(0,0,0,0.1)然后创建一个html文件。
2、从html文件找到<body>标签，然后在这个标签里创建一个<div>标签并添加一个类，在这把这个类设置为：rgba
3、在<title>标签后面创建一个<style>，在<style>标签里设置rgba类的高和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，透明度参数越小透明度越高。其中R，G，B，分别代表了红，绿，蓝三种颜色。
4、保存后使用浏览器查看。
5、把所有代码复制到新建的html文件上，然后用浏览器打开窗口看到效果。
html元素有几个是块级元素如p,h1-h6等，这些元素自带display block属性，元素间相当于会有一个换行符不能同排排列，除非定义浮动。而img是内联块元素也就是display inline-bloack，可以并排显示的。 两个元素一个加了浮动一个没加浮动，只会是浮动的优先排列在左或者右，也就是没有浮动的元素会被有浮动的拆队。除非2个元素都是浮动的他们才会老老实实的按顺序排在一起。浮动不是覆盖只是位置的先后罢了，便于将不同类型的元素并排。css里没有覆盖之说。你写的例子最终效果就是b图排在a图左边而已。你是怎么理解“浮动”这两字的？所谓浮动，就是浮在其它物体的上面，既然是在上面，那么下面的物体就被覆盖看不见啦。这里的“消失”，是指在视界中消失，也就是看不见了，并不是说不存在了。
