1、行内框的特性

       
行内元素生成的框，俗称“行内框”，它的水平padding,border,margin可以调整间距，垂直padding,border,margin不影响行内框的高度，但是可以通过line-height来调整

2、定位

position:relative;

       
相对于元素在文档流位置而定位；

       
元素在文档流中的空间保留；

       
其实，一定程度上也脱离了文档流，可以覆盖其它元素

       
用z-index设置谁覆盖谁；

position:absolute;

       
相对于定位的父辈元素，直至窗口；

       
彻底脱离人民群众（文档流），原来元素空间不复存在；

       
使得父框高度塌陷；

       
完全覆盖了其它元素；

       
==永远生成块框，无论原来什么框==

       
用z-index设置谁覆盖谁；

position:fixed;

       
相对于窗口定位；

3、浮动

float: right/left;

       
浮动，脱离文档流，使父框高度塌陷（非IE6）；

       
浮动后的位置：直到碰到一个浮动元素或包含框，它才不会考虑正常文档流的位置，即无论浮动元素在正常文档流前面还是后面

       
覆盖其它元素，但不会覆盖文字，因为浮动本质就是文字环绕效果

       
浮动能制作BFC效果（block formating context），即生成一个块级元素