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相同,看你喜欢那种
div高度自适应的解决方法
最新推荐文章于 2023-12-13 14:05:40 发布