不管是使用table还是div, 宽与高是不会自动继承的,不过你可以给它指定同一个class属性嘛,这样不就行了
我需要用到的table的左半部分是自动撑开的,右半部分嵌套的table想继承左半部分的td的高度。
可以解决的:
$(document).ready(function() {
var l_h = $(".td_left").height();//获取左侧的td的高度
$(".td_right").find("table").css("height", l_h);//给右侧嵌套table添加属性(高)
});
.td_left:左侧td的class标签
.td_right:右侧td的class标签
@白雲天: 谢谢!
@牟珏玘: 问题解决了吧。。。
@白雲天: 试了下,还是没弄好,我js,jq不怎么会,问题已移交别人解决了。
jquery代码:找一个jquery文件引用进来
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" >
$(document).ready(function(){
$(".c_table").click(function(){
var h=$(this).parent("td").height();
alert("父级TD的HIGHT值为:"+h+"px");
return false;
});
});
Html代码:
<table >
<tr>
<td >
<br />
<br />
<br />
</td>
<td align="center" valign="middle" >
<table >
<tr>
<td>点我啊</td>
</tr>
</table></td>
</tr>
</table>
呵呵。。。建议有时间的话,找一些脚本之类的资料看看了,我最近也在学呢,共同努力了。。。
呃,table各种麻烦,放弃table吧 嘿嘿
嗯,好吧,我试试纯div。div和table的混合嵌套也出这个问题的。
<table width="100%" height="100%"> <tr> <td width="500px" height="400px" bgcolor="#FFFF00"></td> <td width="500px" height="400px"> <table width="100%" height="100%" border="0px" bgcolor="#00FF00"> <tr> <td> 测试<br /> 测试 </td> </tr> </table> </td> </tr> </table>
这样写就行了!给td加上宽和高,然后给内容部table加上border=0
左侧是根据内容显示的高,不是固定的。
@牟珏玘: 如果想自动那外层table和dt都不能设置固定高度!
你如果想左侧是固定右侧不是固定那只能用div!table不能实现