div高度自适应的解决方法

1，问题引出：
    看到关于div的高度自适应资料，都说通过100%无法成功解决，我也尝试过，确实如此。
2，解决思路：
    我们想，如果是网网页布局，很少会使用100%，一般都会设定高度，
    我们这里讲的是DIV自动适应Td高度。
    既然不能通过css解决，那就通过js解决，用onmouseover来计算本td的高度，然后赋给他的子元素div。
   我js太差，就想到用jquery实现
3，jquery思路：
   (1)通过jquery给td绑定hover()事件
   (2)var thisHeight = $(this).height();     //获得本身元素的高度
   (3)$(this).children("div").css("height",thisHeigh)t;      //div适应td的高度
注：问题解决了，但是有一点要说明一下，
    $(this).children("div")  这个div会针对td中的每个div都作用，所以，大家可以给td的里德最外层DIV加个class,如：$(this).children(".firstDiv"),这样就避免出现全部DIV高度改变。

 

第二种方法：

 当然你可以直接如下：

$(document).ready(function(){

    var thisHeight = $("a").height();  // a为你绑定的td，可以通过类，或ID来设置

    $("a").children("div").css("height",thisHeight);    //a同上

});

这样就在页面加载成功后就直接设置div的高度与td相同，看你喜欢那种