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