CSS里为什么我给一个DIV加上浮动以后,下面的DIV就把它覆盖了????

html-css09

CSS里为什么我给一个DIV加上浮动以后,下面的DIV就把它覆盖了????,第1张

如果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将第二张特定图片覆盖第一张图片的部分区域方法:

用CSS中元素的background : background-color || background-image || background-repeat || background-attachment || background-position。 示例代码如下:

复制代码代码如下:

background:transparent url(123.jpg) no-repeat scroll -140px -20px 

解释: 

transparent表示透明无颜色 

url(123.jpg) 表示背景图片

no-repeat 表示图片不重复

scroll 表示背景图片随浏览器下拉而滚动

-140px 表示水平位置在图片的-140px处(以图片的左上角为0,0)

-20px 表示垂直位置在图片的-20px处(以图片的左上角为0,0)