1. 程式人生 > >table中絕對定位元素相對td定位失效解決方案

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

targe 項目 定位元素 .html 完美 cnblogs posit chrom 並且

在一個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%;

}

原文鏈接

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