Фиксирование ширины тд

Question

У меня есть div в тд.Ширина содержимого в div является переменной.Когда я нажимаю на div, я меняю атрибут позиции div со статического на абсолютный.Td теряет свою ширину, когда я изменяю атрибут позиции div внутри него.

См. jsfiddle для иллюстрации.

Когда div изменяется со статического на абсолютныйпозиционирование, я не хочу, чтобы тд изменить размер.Как?

Answer 1

Размер td изменяется, потому что div, создающий ширину td, вынимается из естественного потока документов.На этом этапе td считает себя не имеющим отношения к div.

Вам нужно будет установить ширину td в соответствии с шириной div, если вы хотите, чтобы он сохранял этот размер.

ОБНОВЛЕНИЕ

Вот один способ, которым вы можете довольно быстро получить то, что вы ищете: 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);
    });
});