table中絕對定位元素相對td定位失效解決方案


開門見山!

問題:在一個table中,我需要在td里面絕對定位一個div,

寫法:td{position:relative;}

div{position:absolute;}

OK,就這么簡單,思路也沒什么問題,並且在chrome中結果完美。

BUT!!!

IE(此處只測了一下IE,或許別的瀏覽器也不行,自行測試),坑比的IE來了,

失效了,定位失敗,沒有預期的效果。

那么在我的項目中用到的解決方案是:

不怕麻煩的在這個absolute定位的div外層包裹一個relative定位的div,如果想要填滿整個td的話,那就:

.relative-div{

position:relative;

height:100%;

}

好了,可以了,又解決一個項目中的小BUG。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM