1.    标签的定位分为普通流、浮动流和绝对定位三种，绝对定位是一种完全释放文档空间的定位机制，通过position:absolute;来实现，一般要结合left, top, right, bottom的值来进行定位，最好加上z-index。z-index越大，就越上层。示例如下：
        div{
            width:113px; height:98px;
            background:#933;
            position:absolute;    /* 绝对定位 */
            top:20px; left:160px; /* 默认会以浏览器的左上角为零坐标 */
            z-index:90;/* 不能带单位，值越大，层就越上面 */
        }

2.    绝对定位在寻找零坐标的时候，会以最近一个拥有position:relative;(相对定位)的父亲层的左上角为零坐标，如果都没有一个父亲层是相对定位的话，就以浏览器的左上角为零坐标。因此要实现一个绝对定位的层相对于一个普通流的层位置保持不变的话，需要给绝对定位的父亲层加上position:relative;
    3.    一般写绝对定位的时候都需要一个相对定位的父亲层的，但也有不需要的，以浏览器左上角为零坐标的例子是：网页左右两边的广告栏或在线客服栏；
    4.    相对定位，也是普通流的一种，但是它可以在相对本来该出现的位置的基础做视觉效果上的位移（仍然占用它原来的文档空间），经常用于做a链接的hover或active特效，或者用来做图片与输入框的对齐
        例如：
        a:hover{position:relative; /* 相对定位 */  top:2px;}
    5.    除非需要做重叠的设计，或者more的特效，否则尽量少用绝对定位，不要滥用绝对定位，因为绝对定位的兼容性比较差
    6.    固定定位，是绝对定位当中的一种，但IE6不支持，IE6下一般得结合JS才能实现。
    7.    overflow:hidden;可以实现当内容溢出的部份隐藏，从而破坏网页的布局；也可以通过overflow:scroll;实现内容溢出时出现滚动条（例如聊天室的实现）
    8.    正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行。连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;    实现强制换行。
    9.    元素（也就是标签）可以分为块级标签（例如div、p、ul、li）和行内标签(例如a、span、img、input)，一般来说，行内标签不支持 宽度，高度，上下的内外补丁和边框。但是有一种行内标签比较特殊，那就是可替换元素。
         10.    可替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。例如浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容；又例如根据<input>标签的type属性来决定是显示输入框，还是单选按钮等。(X)HTML中的<img>、<input>、<textarea>、<select>、<object>都是替换元素。这些元素往往没有实际的内容，即是一个空元素。可替换元素一般都支持宽度和高度，有的还支持补丁和边框（例如img）