.load容器的高度被內容管理忽略

Question

我使用jquery .load將內容加載到div中。會發生什麼是一些頁面的其餘部分如何忽略內容的高度。我加載它像這樣

jQuery(document).ready(function ($) { 
$('#loader_container').load('brigham_overview.aspx'); 
}); 

這是網頁http://www.brighamandwomens.org/Patients_Visitors/pcs/rehabilitationservices/mock/overview.aspx

你可以看到它是如何溢出的底部和頂部在看看瓷磚的電子郵件鏈接它的方式和方法它應該在最底層。

我想知道是否有一種方法可以讓.load發生，然後以某種方式在它被加載之後做一些腳本來爲loader_container分配加載內容中的wrapper div的高度？

這或有沒有辦法讓腳本在主體其餘部分加載之前運行？

Answer 1

這看起來是你的CSS問題，而不是你的.load（）函數。我注意到#totalContainer裏面的所有容器都是絕對定位的。這就是爲什麼它沒有正確計算高度。

如果可能的話，其他一些建議是將圖像設置爲背景圖像。看起來你只是把所有東西放在一起，然後把它們放在一起。這似乎並不理想或語義...

就拿這部分例如...

<div id="news_backing" class="blue" style="width: 314px; height: 165px; position: absolute; z-index: 2; background-color: rgb(239, 245, 248); background-position: initial initial; background-repeat: initial initial; "> 
</div> 
<img id="news_icon" src="http://www.klossal.com/brigham/what_we're_upto_icon.png" style="width: 118px; height: 46px; top: 55px; left: 30px; position: absolute; z-index: 3; "> 
<p id="news_header_txt" class="news_txt" style="width: 110px; top: 55px; left: 180px; position: absolute; z-index: 3; font-size: 20px; color: rgb(14, 134, 161); font-family: Arial, light, sans-serif; "> 
What We're Up To 
</p> 

您可以將圖像設置爲背景圖片，而<p></p>標籤應該是div中。不是絕對定位在它的頂部。

我真的不知道這會有多大的幫助，但在我看來，這不是您的​​請求導致的問題。這是你的CSS和HTML結構。

...

最後一個友好的建議是不要使用內聯樣式，如果能夠避免它。這將使事情變得更容易。