Jquery Ajax 動態載入資料時並appendTo html div內height自動延伸

現在我有一個背景div

然後我要在裡面透過ajax把資料撈下來然後用jquery的appendTo進這個背景div

BUT

放進去之後

才發現

我的背景div竟然就這樣硬生生的只有width有值,而高度仍然是0

導致我後面的版面都亂掉

在背景div設定css

加入這一項

mybackground{
    overflow:hidden;
}

把overflow給設定成hidden,或是設定成auto

由於預設是visible

他會讓你的div box的安全之吻保鮮膜跟紙糊的一樣

元素一超過馬上就會突破天際了

但設定成hidden則會讓你的安全之吻保鮮膜非常伸縮自如阿

故而達到我們的hieght自動伸長的效果

但這前提要注意

div box 不能設定死高度

因為當hidden後 該div消除浮動 放進去之後

若已經已經設定高度了

則超過的會被"遮蔽"掉

這要特別注


結論就是



當你已經確定高度的時候 要讓圖片正常顯示不要被遮蔽掉的話就用visible

但若你要讓它自動延伸的話就讓height auto 且設定hidden讓它消除浮動