如果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文件上，然后用浏览器打开窗口看到效果。
CSS里给一个DIV加上浮动以后，下面的DIV就把它覆盖是设置错误造成的，解决方法为：
1、新建一个html文件，命名为test.html。
2、在test.html文件内，创建两个div，分别为“第一层”和“第二层”。
3、给两个div设置class属性，分别为“aa” 和“bb”，主要用于下面对两个div进行css样式设置。
4、在test.html文件的css标签内，使用css初始化页面所有元素的内外边距，设置为0。
5、在css标签内，设置类名为aa的div的样式。设置其宽度为200px，高度为200px，位置属性为绝对定位，背景颜色为红色。
6、在css标签内，设置类名为bb的div的样式。设置其宽度为200px，高度为200px，位置属性为绝对定位，距离页面左边缘为50px，距离页面上边缘50px，背景颜色为黄色。
你浮动的是div，自然里面的文字不会浮动了。想要控制div里文字的话可以用属性text-align:
