ie6、ie7dom 元素重新渲染及zoom的使用

初始：

點擊更多以后：

ie6、ie7下出現問題，芒果推薦所在的div 沒有被撐下來，有底部虛線可知，上一個div確實已經撐開了，但是它的下一個同輩結點怎么沒有撐下來，當時，當我鼠標移到滿意度、銷量、價格這些a標簽上時，它就恢復正常了。解決這個點擊更多不撐開的辦法是在它們的父元素上加樣式zoom:100% 。
正常情況：

在解決這個問題的過程中，也學了另外一個bug--ie6渲染bug：
js操作DOM，有時候在IE6下簡直就是噩夢，不渲染的解決方法通常都是zoom強制IE渲染來解決：
【ie6、ie7dom 元素重新渲染及zoom的使用】javascript代碼：

復制代碼代碼如下:
document.body.style.zoom = 1.1;
document.body.style.zoom = ’’;

以上代碼事實上是迫使body在IE下重新執行CSS渲染，簡單點理解IE6碰到zoom值發生變化，就一定會重新渲染。事實上我經常用zoom來解決IE6下CSS渲染問題，如果容器出現怪異，加上zoom: 100%，IE6就乖乖的馴服。在線demo