태그의 컨테이너 크기를 조정 한 후 실제 태그 너비를 얻는 방법

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 크기가 실제로 변경되지 않습니다.