如何在标记容器调整大小后获取实际标记的宽度

Question

当显示一个元素时，可视地改变下一个元素的宽度。但是当我访问width属性时，它保持不变。请考虑此示例http://jsfiddle.net/f8aeh1e5/2/。点击链接Clock me，我会显示row1，row1的尺寸会更小。

$('.show-row1').click(function(){
    $('.row1').toggle();
    $('.width').html($('.row2').width());
})

宽度始终相同。是否可以获得row2的真实大小？

Answer 1

您正在浮动.row1 div，因此它不会影响DOM流量或容器大小，因此.row2的大小实际上并未发生变化。