CSS里为什么我给一个DIV加上浮动以后,下面的DIV就把它覆盖了????
如果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: