CSS布局技巧：浮动、自适应与表格属性解析

1.文本溢出：overflow:auto\scroll\hidden\
2.display属性：盒子模型可通过display属性来改变默认的显示类型
         1.）block：元素类型为块状元素，
               特点   ：让元素类型转变成块状元素，从而拥有块状元素的特点
         2.）inline：元素类型为内联元素，
                特点：  让元素转换成为内联元素，从而拥有内联元素的特点。
         3.）list-item  此元素会作为列表显示。（它是li的元素类型的值，加了display：list-item
                                以后会让元素转换成为列表类型）li
         4.）none：隐藏元素（让元素不显示的浏览器里）
         5.）inline-block：行内块元素（input、img）
               特点： 极具有块状元素的特点，又有内联元素的特点
               特点： inline-block 支持使用垂直对齐属性/*vertical-align
                          top/middle/bottom/baseline*/
                   注：行内块元素也属于内联元素。
                   vertical-align：top上/middle中/bottom下/baseline基线
3.css的三种基本定位机制：普通流、浮动流、定位流
           1.）普通：上下排列的布局（大部分情况）
           2.）浮动：左右排列的布局（大部分情况）
                        :float:left\right\none
           3.）定位：层叠的排列布局（大部分情况）
                 定位属性：position：检索或设置对象的定位方式。
                  1.static：默认值；没有定位；（可以用于取消元素之前的定位设置）
                  2.relative：相对定位（参照物：自己所在的位置）
                     特     点：如果没有定位偏移量，对元素本身没有任何影响
                                    不使元素脱离文档流，空间会被保存，不影响其他布局
                                    left、top、right、bottom、是相对于当前元素自身进行偏移的，
                                    不能独自在，必须配合定位元素一起使用。
                  3.absolute：绝对定位（参照物：包含块-该元素的祖先级元素）
                                                       （使元素脱离文档流，使内联元素支持宽高，使块
                                                        元素默认宽根据内容决定）