Question

CSS3 子元素绝对定位,怎么让子元素宽度自适?求大神。

<table width="100%" height=“100%">
<tr>
<td width="300px"></td>
<td id="ttttt">
<div class="jueduidingwei"></div>
</td>
</tr>
</table>

.jueduidingwei
{
position:absolute;bottom:0px;width:100%;
}
问：如何使绝对定位的div使用100%的宽度自动适应父元素，也就是ID为ttttt的宽度。也就是table宽度-300的宽度，用纯css
解决方法：在ttttt处加上 style="position: relative;"。即可自动适应，测试IE8-11 谷歌都通过。
唯独火狐不行，求解决方法。

Answer 1

js取父元素宽度赋给div呗。

追问

就是要纯js，不用脚本取

追答

不用 js 你这个问题应该是无解。

按 css 的理论来解释：绝对定位的东西脱离文档流，就是说浏览器渲染时他被从 td 里面拖出来了，父级是整个html根元素；此刻你再给它设置 width: 100%; 他得到的尺寸应该是整个浏览器视窗的宽。

Firefox 是按上面这种方法理解并实现的，100%后取的是窗口宽。
而 IE 和 CH 则没遵循上面这个理论上正确的规则，还是去取的代码结构上的父级元素的宽。

Answer 2

<td id="ttttt" style="position: relative; display:block;"></td>然后再给ttttt加宽高就可以了