Ba la la la ~ 讀者朋友津辩，你們好啊，又到了冷鋒時間施无，話不多說辉词，發(fā)車！
13.子選擇器在IE6中不能使用
產(chǎn)生條件：
IE6瀏覽器猾骡，使用E>F子選擇器瑞躺；
解決辦法：采用其他選擇器或者采用后代選擇器進行控制敷搪，如：
14.不支持最大最小寬高
產(chǎn)生條件：
IE6瀏覽器，標(biāo)簽的最低高度/寬度設(shè)置（min/max-height）
解決辦法為
IE6單獨設(shè)置hack幢哨，即_height:最小高度值赡勘；_width：最小寬度值（對于IE6，當(dāng)實際寬高超出定義的寬高時嘱么，元素會自動調(diào)整 寬高）狮含。對于最大高度和最大寬度，沒有必要設(shè)置兼容曼振，當(dāng)前對于開發(fā)者來說，只需要保證IE6下正常顯示即可蔚龙，無需在它身上花費太多功夫冰评。
15.縱向居中，IE6不支持display:table-cell
產(chǎn)生條件：
IE6瀏覽器木羹，設(shè)置一個元素在另一個元素中垂直方向上居中對齊甲雅，不能夠支持以單元格的方式來顯示元素；
解決辦法：
如果是單行文本坑填，采用
line-height和height的配合使得文本垂直居中抛人，如果中間是其他元素或者多行文本，采用其他方法進行居中處理脐瑰，處理方法有多種妖枚，詳見日志：CSS元素水平垂直居中。
16.input 聚焦框顏色與樣式不同
產(chǎn)生條件：各個瀏覽器表現(xiàn)不同苍在；
處理方法：
使用outline:none绝页，清除默認樣式之后再統(tǒng)一設(shè)置。
17.鼠標(biāo)移上小手效果
產(chǎn)生條件：
IE6寂恬，cursor:hand ：IE完全支持续誉。但是在firefox是不支持的，沒有效果初肉。cursor:pointer ：是CSS2.0的標(biāo)準(zhǔn)酷鸦。所以firefox是支持的，但是IE5.0既之前版本不支持牙咏。IE6開始支持臼隔。；
解決辦法：設(shè)置兩種
cursor:pointer ; cursor:hand眠寿。
18.子標(biāo)簽無法撐開父標(biāo)簽的高度
產(chǎn)生條件：父標(biāo)簽內(nèi)部含一個或多個子標(biāo)簽躬翁，父標(biāo)簽沒有設(shè)置浮動，而子標(biāo)簽發(fā)生浮動盯拱；
處理方法：方法
1：在子標(biāo)簽最后添加清除浮動的設(shè)置<div style='height:0;clear:both'></div>;方法
2：為父標(biāo)簽添加{overflow:hidden;}的樣式盒发；方法
3：為父標(biāo)簽設(shè)置固定高度例嘱。
19.li的間距問題
產(chǎn)生條件：
IE6瀏覽器 li標(biāo)簽設(shè)置寬高，且li里面的元素發(fā)生了浮動宁舰；
處理方法：
方法1：li不設(shè)置寬高拼卵；
方法2：li內(nèi)部的標(biāo)簽不進行浮動。
20.行內(nèi)元素布局混亂
產(chǎn)生條件：行內(nèi)元素為包含框時蛮艰，如果包含框包含的絕對定位元素以百分比為單位進行定位腋腮；
處理方法：在行內(nèi)元素當(dāng)中加入
{zoom:1}，觸發(fā)IE的hasLayout壤蚜。關(guān)于hasLayout的更多介紹請參見日志：hasLayout IE瀏覽器bug的來源即寡。**
hasLayout是IE特有的一個屬性。很多的ie下的css bug都與其息息相關(guān)袜刷。在ie中聪富，一個元素要么自己對自身的內(nèi)容進行計算大小和組織，要么依賴于父元素來計算尺寸和組織內(nèi)容著蟹。當(dāng)一個元素的hasLayout屬性值為true時墩蔓，它負責(zé)對自己和可能的后代元素進行尺寸計算和定位。雖然這意味著這個元素需要花更多的代價來維護自身和里面的內(nèi)容萧豆，而不是依賴于祖先元素來完成這些工作奸披。
默認hasLayout=true的標(biāo)簽：
<table> <td> <body> <img>
<input> <select> <textarea> <button> <iframe> <embed> <object> <applet> <marquee>
很多情況下，把hasLayout的狀態(tài)改成true可以解決很大部分ie顯示的bug涮雷。hasLayout屬性不能直接設(shè)定阵面，通過設(shè)定一些特定的css屬性來觸發(fā)并改變hasLayout狀態(tài)。
元素hasLayout而導(dǎo)致的問題其實一般都很容易發(fā)現(xiàn)：往往是內(nèi)容出現(xiàn)錯位甚至完全不可見份殿。
如：當(dāng)一個元素內(nèi)含浮動或絕對定位的內(nèi)容時膜钓，它通常會表現(xiàn)出奇怪和錯誤的行為
一般如果是因為layout而引起的顯示不符期望效果的話，在ff下會表現(xiàn)正常卿嘲，而在ie下會出現(xiàn)錯誤颂斜。這個時候可以嘗試觸發(fā)父容器及其中的子容器的haslayout屬性，通呈霸妫可以通過加上zoom: 1;來調(diào)試沃疮。直到找到了產(chǎn)生問題的元素，再進行針對性的修正梅肤。最好的辦法是對這個元素設(shè)置尺寸屬性司蔬。但是，有時不便指定尺寸屬性的情況下姨蝴，就只能尋找替代方案了俊啼。對于ie7，最好的辦法是設(shè)置最小高度屬性為0左医；這個技術(shù)是無害的授帕，因為0本來就是這個屬性的初始值同木。而且沒有必要對其他瀏覽器隱藏這個屬性。而對于ie6和更早版本中觸發(fā)一個元素hasLayout的方法是在overflow屬性是visible的情況下設(shè)置這個元素的高度屬性為1%跛十，然后對其他瀏覽器隱藏這個設(shè)置彤路。這種技術(shù)就是著名的Holly hack。
display
啟動
haslayout的值
:inline-block
取消
hasLayout的值
:
其他值
width/height
啟動
hasLayout的值：除了
auto
以外的值
取消
hasLayout的值：
auto
position
啟動
hasLayout的值：
absolute
取消
hasLayout的值：
static
float
啟動
hasLayout的值：
left
或
right
取消
hasLayout的值：
none
zoom
啟動
hasLayout的值：有值
取消
hasLayout的值：
narmal
或者空值（zoom是微軟IE專有屬性芥映，可以觸發(fā)hasLayout但不會影響頁面的顯示效果洲尊。zoom: 1常用來除錯，ie 5不支持奈偏。）
ie7還有一些額外的屬性可以觸發(fā)該屬性（不完全列表）：min-height: (任何值)
max-height: (任何值除了none)
min-width: (任何值)
max-width: (任何值除了none)
overflow: (任何值除了visible)
overflow-x: (任何值除了visible)
overflow-y: (任何值除了visible)
21.多顯示一個字
產(chǎn)生條件：多個浮動元素中間夾雜
HTML注釋語句坞嘀，浮動元素寬度設(shè)置為100%；則在下一行多顯示一個上一行的最后一個字符惊来；
處理方法：果斷刪掉注釋姆吭！
22.CSS優(yōu)先級 ！important
產(chǎn)生條件：
IE6當(dāng)中唁盏，在同一組CSS屬性中，!important不起作用检眯；
處理方法：單獨設(shè)置厘擂。
23.img圖片下部高度多余5px
產(chǎn)生條件：
IE6瀏覽器；
處理方法：
1锰瘸、將圖片轉(zhuǎn)化為塊級對象刽严，即display:block。還有四種其他方法
1避凝、將圖片轉(zhuǎn)換為塊級對象即舞萄，設(shè)置img為“display:block;”。
2管削、設(shè)置圖片的垂直對齊方式
即設(shè)置圖片的
vertical-align屬性為“top倒脓，text-top，bottom含思，text-bottom”也可以解決崎弃。
3、設(shè)置父對象的文字大小為0px
即含潘，在代碼中添加一行：
“font-size:0;”可以解決問題饲做。但這也引發(fā)了新的問題，在父對象中的文字都無法顯示遏弱。就算文字部分被子對象括起來盆均，設(shè)置子對象文字大小依然可以顯示，但在CSS效驗的時候會提示文字過小的錯誤漱逸。
4泪姨、改變父對象的屬性
如果父對象的寬游沿、高固定，圖片大小隨父對象而定驴娃，那么可以設(shè)置
“overflow:hidden;”來解決奏候。
5、設(shè)置圖片的浮動屬性
即在本例中增加一行
CSS代碼： img {float:left;}”唇敞。如果要實現(xiàn)圖文混排蔗草，這種方法是很好的選擇。
以上為個人意見疆柔，如有雷同咒精，純屬巧合，歡迎大家多提意見旷档！Bey 了 個 Bey ~
