Html 固定td'；s宽度

我有一个驾驶室。div中内容的宽度是可变的。单击div时，我将div的position属性从static更改为absolute。当我更改其中div的position属性时，td将失去其宽度

请参见此示例

当div从静态变为绝对定位时，我不希望td调整大小。怎么做

---

td正在调整大小，因为创建td宽度的div正在从自然文档流中取出。运输署认为自己在这一点上与div没有任何关系

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

更新

这里有一种方法可以让你很快实现你的目标：

---

（这并不完美，但你可以大致理解）

td正在调整大小，因为创建td宽度的div正在从自然文档流中删除。运输署认为自己在这一点上与div没有任何关系

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

更新

这里有一种方法可以让你很快实现你的目标：

---

（这并不完美，但你可以大致了解情况）

我看不到td宽度会崩溃jsfiddle@alquatoun点击它，你应该啊，奇怪。在Chrome中不这样做。在FFI中折叠看不到td宽度在FFI中折叠jsfiddle@alquatoun点击它，你应该啊，奇怪。在Chrome中不这样做。我想是的。只是看看是否有一些CSS唯一的方法可以做到这一点。我不认为有（我知道）。我可能会抓取div的内容，将其放在绝对位置的div中，然后将当前div设置为不可见。那会保持你的身材，让你得到你想要的效果。是的，我想。只是看看是否有一些CSS唯一的方法可以做到这一点。我不认为有（我知道）。我可能会抓取div的内容，将其放在绝对位置的div中，然后将当前div设置为不可见。这会保持你的身材，并产生你想要的效果。

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);
    });
});