设置此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>

是起作用的!

用百分比做属性值时,一定要注意的是:百分比是相对于其父级元素的。

你的这个就现对于:<td class="tagTD">的高度了。

可以通过下面三个图,对比下,也很好理解,三个图的div高度分别设置的是50%,100%,100px。

希望能帮到你!

追问

出来效果是这样的用IE9以后的浏览器!

追答

这个就是浏览器兼容问题了。通长做法是,height值不用百分比,用像素代替。
有关table的百分比兼容性(ie)还是很多的,具体的你可以百度下。有很多!谢谢!

温馨提示:内容为网友见解,仅供参考
第1个回答  2014-11-12
用了定位的缘故。
第2个回答  2014-11-12
有作用的呀,只是你用了定位而已

在css设置高度height:100%滚动条不出来,设置具体好使
父元素没有设定固定高度,于是子元素的高度height:100%也不会起作用。那么,如果想让一个元素的百分比高度: height:100%起作用,你需要给这个元素的所有父级元素的 高度都设定一个值。换句话说,需要给     body和html元素的高度都设置为height:100%下面的div的高度 的百分比才会生...

你是否真正理解height 100%
若想让一个元素的百分比高度height: 100%;起作用,需要给该元素的所有父元素设定有效高度值。换句话说,需要调整为:现在,当你将div的高度设定为100%,它有两个父元素。为了使div的百分比高度生效,必须设置这两个父元素的高度。如此一来,div的高度就会达到100%。观看演示,可以发现height: 100%;的确...

css设置高度height: 100%滚动条无法显示的解决办法
正确设置div元素显示滚动条的关键在于确保包含该div元素的所有父元素的高度也为100%。只有这样,滚动条才会在div内部正常显示。若忽略了这一条件,滚动条将无法展现。另一种实现滚动条的方法是给包含div元素的父元素添加浮动属性(如float: left; 或 float: right;),这样也可以实现滚动条的显示。在具体...

HTML内盒子height=100%为什么失效
你下面的 size 高度把 top 的高度给挤了, 因为你的size 最大高度是 100

如何是div的高度100%,使用height:100%是不行的,我是为了让一个div层充...
html,body{ height: 100%;}.div{ background-color:#000000; width: 100%; height: 100%;}刚查到的DIV父层是Html和Body,它们默认的高度为auto,所以只更改DIV的高度为100%是不对的,需要设置html,body它们的高度为100%才可以全屏....

css让高度百分比,height:100% 生效的3种方法
height:100%这个概念是子节点相对于父容器而言;所以要让此属性生效,必要的一点就是:父容器必须具有具体的高度信息;直接在的子节点(如div中)写height:100%是不会生效的,因为此时的高度是不确定的,默认是auto;方法一 给从根的父容器到子容器的所有容器都设置好百分比高度信息 比如:[html] ...

求助,div设置为absolute定位,高度为父元素的100%,但在IE8下不生效
父元素也必须设置指定高度,子元素height:100%才有效,上一级元素如果也height:100%的话,那么外公元素也必须设置指定高度,一直往上推直到它们的老祖宗body和html标签,懂不,所以我在写css的时候基本都是先写上 html{height:100%} body{margin:0;height:100%} ...

height:100%具体意思?div有这个属性吗?
div的100%是从其上一级div的宽高继承来的,有一点很关键,就是要设置div100%显示,必须设置其上一级div的宽度或高度,否则无效。可惜的是浏览器一般默认解释为内容的高度,而不是100%。解决方法:只要为html和body设置高度为100%就可以了html,body{height:100%;}这样之后div会按比例来继承上一级的...

div如何设置100%的高啊
CSS想让一个元素的百分比高度height: 100%;起作用,需要给这个元素的所有父元素的高度设定一个有效值。如下所示就可以让div高度为100%了:<html style="height: 100%;"> <body style="height: 100%;"> <div style="height: 100%;border: 1px solid #C00"> <p> 这样这个div的高...

HTML5,height:100%
1:浏览器中body中在没有任何内容撑起来的时候,height高度默认为0;所以要先设置body的大小。不然div的height:100%;为0;2:body的width不需要设置百分百是因为浏览器中body中即使没有任何内容其body的宽度(width)默认为浏览器的窗口宽度也就是;3:在css代码中经常会出现html,body{width:100%;...

相似回答