![如何用css设置网页字体[多图]](/aiimages/%E5%A6%82%E4%BD%95%E7%94%A8css%E8%AE%BE%E7%BD%AE%E7%BD%91%E9%A1%B5%E5%AD%97%E4%BD%93%5B%E5%A4%9A%E5%9B%BE%5D.png)
如果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文件上，然后用浏览器打开窗口看到效果。
div覆盖着另一个div，是因为其中一个或者两个脱离了文档流。常见脱离文档流主要原因有：
div浮动造成，常用解决方法是清除浮动
div受到相对定位或者绝对定位的影响，定位是可以设置left，right，bottom，top，等位置样式的，解决方法一般是清除定位，或者解决兼容性，合理控制left，right ，bottom，top四个属性的值。
另外还有一种不常见的情况，例如margin的负数值，可以造成div偏离原来的位置，建议合理设置即可。
假设上面div的class为two，下面div的class为one。
1、下面的div文字的颜色设置成transparent。
.one{
color:transparent
}
2、给上面的div设置背景色。
.two{
background-color: fff
}
扩展资料：
两个div重合的方法：
父级元素绝对定位，子级元素相对定位。通过left、right、top、bottom实现子级在父级内任意定位
假设父级元素的class为con，子级元素的class为two。
.con{
position: relative
}
.two{
position: absolute
top:0
}
