jquery: giá trị sai khi cố gắng để có được chiều cao div

Question

tôi đang gặp cấu trúc html này:

<div class=container> 
    <div class=content> 
      Content goes here 
    </div> 
</div> 

tôi đang đọc to chiều cao div.content sử dụng:

var height = $("div.content").height(); 

sẽ trở lại 17 (trong testcase của tôi)

hoạt động tốt đẹp cho đến nay (khi so sánh nó với chiều cao thực tế bằng cách sử dụng firebug). vấn đề là - khi điền văn bản liên tục> 2 dòng tôi nhận được một giá trị sai. 2 dòng sẽ cho tôi 34 (chính xác) nhưng 3 dòng cũng sẽ trả lại 34 mặc dù chiều cao thực tế là 51. tất nhiên, khi điền vào nhiều văn bản giá trị kết quả là tất cả sai. có vẻ giống như một lỗi jquery với tôi .. bất kỳ ý tưởng cho một workaround? nhờ

ps: hoạt động hoàn hảo trong IE, firefox trả về một giá trị sai ..

Answer 1

Sử dụng $("div.content").outerHeight(); để thay thế.

Nếu bạn thêm -true- vào dấu ngoặc đơn nếu bạn muốn bao gồm tất cả các lề & phần đệm. $('div.content').outerHeight(true);

Cũng tầm cao qua trình duyệt có thể khác nếu bạn không có rất tốt CSS reset, hoặc đang xem xét một trình duyệt di sản (IE6/7), nhưng với một tốt reset khác biệt của họ sẽ rất rất nhỏ .

jsFiddle Demo