修复 td 的宽度

Question

我在 td 中有一个 div 。 div 中内容的宽度是可变的。当我单击 div 时，我将 div 的位置属性从静态更改为绝对。当我更改 td 中 div 的位置属性时，td 会失去其宽度。

请参阅 jsfiddle 获取示例。

当div从静态定位变为绝对定位时，我不希望td调整大小。如何？

<代码>

Answer 1

td 正在调整大小，因为创建 td 宽度的 div 正在脱离自然文档流。此时 td 认为自己与 div 没有关系。

如果您希望 td 保持该大小，则需要根据 div 的宽度设置 td 的宽度。

更新

这是一种可以快速实现目标的方法：http:// jsfiddle.net/2A2rR/3/
（虽然并不完美，但你已经明白了大概的意思）

Answer 2

jQuery(function() {
    jQuery('#widthKeeper').click(function() {
           var divWidth = $("table tr td:firstchild").css(width);
           jQuery(this).css('position', 'absolute');
           jQuery("table tr td:firstchild").css('width',divWidth);
    });
});