div的自動高度與阿賈克斯加載內容

我有一個父div的id contentPlaceHolder。它的寬度爲640px。然後，我有內容加載到這個div與阿賈克斯如下：div的自動高度與阿賈克斯加載內容

function loadContent(page){ 
    $("#contentPlaceHolder").html('<br><br><div style="width:664px; text-align:center; font-size:12px; color:#666;"><img src="/images/loader.gif" border="0"><br>loading</div>'); 
    $("#contentPlaceHolder").load("/ajax/content?page=" + page); 
} 

<div onclick="loadContent('profile')">Profile</div> 

<div id="contentPlaceHolder" style="width:640px; height:auto; text-align:left;"></div>

問題是，我的父母DIV的ContentPlaceHolder不會自動與Ajax內容增長。我嘗試了使div高度：汽車，並沒有幫助。只有看起來有效的方法是，如果我修正了一個高度，但是問題在於，由於內容長度不同，我無法修復高度。

有關如何實現此目的的任何建議？除非高度專門對已加載的容器，或它的父元素中的一個的內容而設定

由於

來源

2014-03-25 John

你可以添加你的HTML代碼與CSS屬性...？ – Airan

@BwithLove我已經添加了我使用的divs代碼。這是一個簡單的高度和寬度的div。內容加載到div但被切斷 – John

在AJAX回調函數中調整div的大小。如果你閱讀[documentation]（https://api.jquery.com/load/），你會發現一些簡單的例子。 – jahroy

內容加載與應該自動調節容器的高度。

使用瀏覽器的內置開發工具（chrome，firefox）檢查容器元素，阿賈克斯負荷後它的內容，它的父元素。我敢打賭，在某處你會發現一個height屬性設置爲一個特定的值，甚至可能是一個overflow屬性設置爲hidden。

這裏是一個fiddle演示高度自動帶一個min-height和overflow:hidden組即使在調整（在鉻和Firefox測試）。

來源

2014-03-25 18:16:54

還有另一個具有最小高度設置和溢出的div：隱藏，但需要爲我正在使用的選項卡系統設置這些設置。如果我在樣式中手動設置我的#contentPlaceHolder高度，則會加載內容。所以我試圖在加載後動態改變高度。我試過$（「＃contentPlaceHolder」）。css（{height：'auto'}）;甚至試過而不是自動固定px例如900px，但它似乎並沒有改變高度。 – John

如果我把主要的div溢出：auto而不是隱藏。然後.load加載所有內容，但是我留下了一個我不想要的滾動div。我想將div擴大 – John

使用「最小高度」設置不應妨礙高度自動調整。必須有其他事情發生。這是在所有瀏覽器還是隻有一個？ –

div的自動高度與阿賈克斯加載內容

回答

相關問題