一:
    bug: 图片下面有间隙(大约3px)
    hack:
    a: 把容器的标签和img标签写在同一行
    b: img{ display:Block;}
    二:
    bug: 如果图片存在超链接,IE上会显示蓝颜色边框
    hack: img{border:0;}

    三:
    bug: 表单元素对齐方式不一致
    hack: 给元素添加浮动 float

    四:
    bug: 按钮元素默认大小不一致
    hack:
    a: 如果按钮不在表单里面,页面中所有的按钮用a超链接模拟
    b: 如果按钮是一张图片的情况下,直接切图当背景即可
    c: input按钮:在按钮的外面套一个元素div,给外围的元素加边框
    五:
    bug: 鼠标指针···· cursor:hand 变成手
    hack:
    在css样式里面添加 {cursor:pointer;}

    涉及到低版本IE BUG ie6
    六:
    bug: 当元素有浮动并且有margin,在IE6上会把浮向边的maegin值双倍显示
    hack:
    给浮动元素添加{display:inline;}

    七:
    bug: IE6出现默认最小值高度大约16px
    hack:
    a: font-size:0;
    b: overflow:hidden;
    八:
    bug: 透明 opacity 让整个元素包括内容透明, 0-1; (IE不支持)
    hack:
    opacity:0.5; (其他浏览器识别,一起放进去)
    filter:alpha(opacity=50); (IE识别)

    min-height:300px; (最小高度IE6识别不了,默认最小高度是 height:300px;)

    解决:
    1: min-height:300px; _height:300px; (IE6和其他浏览器都是最小高度300px)
    2: min-height:300px; height:auto; !mportant; height:300px; (后面的这2个高度位置不可变换)

    //浮动高度塌陷
    1: overflow:hidden; //给高度塌陷元素设置 弊端: 会隐藏掉定位在当前元素外面的内容
    2: clear:both; //清楚浮动
    3: .clear_fix:after{content:".";display:block;height:0;clear:both;overflow:hidden;
    visibility:hidden;} //万能清除法 专用浮动高度塌陷 同 clear:both; 一样,比他好用