css3之浮动

块级元素（独占一行）

行内元素（不独占一行）

行内元素可以包在块级元素里

display：block（块） inline（行） inline-block：块元素保留内联

浮动 float

解决移动之后父级边框塌陷问题

塌陷之后 可以清除浮动clear： 4个值 right：清除右侧浮动、right清除左侧浮动、both清除两侧浮动 

解决方案：1.增加父级元素高度（不建议使用）设置固定高度就会被限制

2.增加一个空的div div设置属性：clear：both；外边距内边距分别置为0. 尽量避免用空div

3.overflow

父级元素中设置overflow 自动溢出 hidden、scroll、auto 尽量不使用，不美观

4.添加一个伪类

#father：after{content:'';display:block;clear:both}(推荐使用，写法复杂但是没缺点)

display方向不可控，父级边框不会塌陷

float 浮动会脱离标准文档流，所以要解决父级塌陷的问题。

定位 相对定位  绝对定位  z-index

相对定位：相对于自己原来的位置进行偏移  position：relative 上左下右 相对定位仍然在文档流中，原来的位置依然被保留。

绝对定位：相对于浏览器或者父级定位 可以给父级设置一个相对定位。 position：absolute

固定定位：position：fixed 定死了的

z-index 类似于ps的层级 0最低 然后越加层级越高

背景透明度：opacity：0-1 ie8之前可用filter：Alpha()