css3（五）浮动、定位、溢出处理

• 浮动float属性
  left：元素向左浮动
  right：元素向右浮动
  none：默认值。元素不浮动，并会显示在其文本中出现的位置
  浮动元素不在标准文档流中

• 清除浮动clear属性
  left：在左侧不允许浮动元素
  right：在右侧不允许浮动元素
  both：在左、右两侧不允许浮动元素
  none：默认值。允许浮动元素出现在两侧

• 定位position属性

• static：默认值，没有定位

• relative：相对定位
  相对自身原来位置进行偏移
  偏移设置：top、left、right、bottom
  相对定位没有脱离标准文本流

  
  #third {
  
      background-color:#C5DECC;
      border:1px #395E4F dashed;
      position:relative;
      right:20px;
      bottom:30px;
  }

• absolute：绝对定位
  偏移设置： left、right、top、bottom
  使用了绝对定位的元素以它最近的一个“已经定位”的“祖先元素” 为基准进行偏移。如果没有已经定位的祖先元素，那么会以浏览器窗口为基准进行定位。
  绝对定位的元素从标准文档流中脱离，这意味着它们对其他元素的定位不会造成影响。
  示列

  
  #second {
  
      background-color:#CCF;
      border:1px #0000A8 dashed;
      position:absolute;
      right:30px;
  }

• fixed：固定定位
  相对网页窗口进行定位，固定在浏览器的某个确定的位置，不随滚动条的移动而变化；

• z-index属性
  调整元素定位时重叠层的上下位置
  z-index属性值：整数，默认值为0
  设置了positon属性时，z-index属性可以设置各元素之间的重叠高低关系。
  z-index值大的层位于其值小的层上方

• overflow属性
  visible：默认值。内容不会被修剪，会呈现在盒子之外
  hidden：内容会被修剪，并且其余内容是不可见的
  scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余内容
  auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容
• 元素透明度
  opacity:x（元素透明x值为0~1，值越小越透明）
  background:rgba()：背景透明

opacity:0.4;
background:rgba(0,0,0,0.5);