1 浮动 margin-left 有双倍浮动 避免同时设置margin-left 和浮动，浮动会把块级元素变为行级 解决办法：display:inline 2 父元素有边框或者背景色 子元素绝对定位 右边 有bug 解决方案：父元素的宽度设置一个偶数值 3 两个浮动元素之间 加文字注释 文字会溢出 解决方案： 注释加在标签内部 4 li标签如果有溢出 解决方案：li float 5 父元素有padding 绝对定位失效 位置错误 解决方案：父元素避免使用padding 6 环绕元素 多出3px 左浮动 解决方案：_margin-right:-3px 7 环绕元素 多出3px 左浮动 解决方案：hack右边的元素加一个高度 ，margin-left:xx-3 上面的补充方案 8 浮动元素隐藏：浮动元素不占据空间 右边元素没有设置大小 解决方案 ：去掉父元素背景色，给右边元素设置合适的宽高，右边元素也设置浮动 9 浮动没有清除：导致被截断： 解决方案：父元素设置合适高度 清除浮动 10 宽度 两个都是百分比 ie四舍五入 会让整体超过100 解决方案：设置小于50 比如49 然后分别清除左右浮动 11 bug的处理方式： 正确的文档声明 样式初始化 csshack 12常见的问题 ： 盒模型 ：w3c 规范 双倍间距 ：_display:inline 3px margin:左右都浮动 与清除浮动 13 针对不同浏览器些不同hack 过程 css hack 14 ie6 hack写法 _ ；7 * ； 属性值 \9 ie9支持的 15 条件注释引入文件 <!--[if 条件]><!—你的代码--><![endif]--> <!--[if lt ie 7]>小于<!--[if lte ie 7]>小于<!--[if gt ie 7]><!--[if gte ie 7]>大于等于 16