设置此div的height为100%,不起作用。为什么？ 5
设置td的position为relative，td中包含div，并且div的position为absolute。设置此div的height为100%。不起作用。求帮忙！代...
设置td的position为relative，td中包含div，并且div的position为absolute。设置此div的height为100%。不起作用。求帮忙！代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.tagTD{width:50px; height:50px; position:relative; }
td .ul-Resizable-r{ position:absolute; width:10px; height:100%; right:0px; top:0px; background-color:green;cursor:e-resize; overflow:none;}
</style>
</head>
<body>
<Table width="300" border="1"
<tr>
<td width="100px">1</td>
<td class="tagTD"><div class="ul-Resizable-r"></div></td>
<td width="100px">3</td>
</tr>
<tr>
<td width="100px">4</td>
<td width="100px">5</td>
<td width="100px">6</td>
</tr>
</Table></body>
</html> 展开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.tagTD{width:50px; height:50px; position:relative; }
td .ul-Resizable-r{ position:absolute; width:10px; height:100%; right:0px; top:0px; background-color:green;cursor:e-resize; overflow:none;}
</style>
</head>
<body>
<Table width="300" border="1"
<tr>
<td width="100px">1</td>
<td class="tagTD"><div class="ul-Resizable-r"></div></td>
<td width="100px">3</td>
</tr>
<tr>
<td width="100px">4</td>
<td width="100px">5</td>
<td width="100px">6</td>
</tr>
</Table></body>
</html> 展开
3个回答
展开全部
是起作用的！
用百分比做属性值时，一定要注意的是：百分比是相对于其父级元素的。
你的这个就现对于：<td class="tagTD">的高度了。
可以通过下面三个图，对比下，也很好理解，三个图的div高度分别设置的是50%，100%，100px。
希望能帮到你！
追问
追答
这个就是浏览器兼容问题了。通长做法是，height值不用百分比，用像素代替。
有关table的百分比兼容性（ie）还是很多的，具体的你可以百度下。有很多！谢谢！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
