float div 100％容器高度，全部動態

我一直在四處尋找，我找不到解決這個問題的任何東西。float div 100％容器高度，全部動態

我有一個容器div，在這個裏面，我有幾個浮動div，他們的內容是動態生成的，可以從幾個字到差不多一頁不等。這基本上創建一個表的行（我不想使用表佈局出於某些原因）。

我成功的容器擴大到使用overflow:hidden;

現在，我想我的所有div適應容器高度的內容的大。

來源

2012-11-16 Memes

你可以給一個Jsfiddle的例子嗎？ – Adam

你能告訴我們你的代碼嗎？ –

這裏是Jsfiddle http://jsfiddle.net/9FzfJ/2/ – Memes

您可以將類設置爲所有div的容器內...讓我們說class="contained"

那麼你可以添加一個js函數運行時生成的文件，找到所有包含在最大高度div's，併爲所有其他人設置相同的高度。

$(function() { 
     var maxheight=0; 
     $(".contained").each(function() { 
      if (maxheight<$(this).height() 
      maxheight=$(this).height(); 
     }); 
     $(".contained").each(function() { 
     $(this).height(maxheight); 
     }); 
}

來源

2012-11-16 14:58:44

這有點沉重沒有？我的意思是我真的需要添加JS？ – Memes

這是一個你提供的問題，不幸的是有限的答案。你可以做一個表格佈局而不是div，你可以用js來嘗試，或者如果你主要擔心的是容器的背景，你可以創建一個簡單的描述所有div的同時，並將其設置爲背景集裝箱。這樣，當容器擴展時，背景會展開，看起來所有的div都會展開。 –

我試過了，這實際上更棘手，因爲我沒有隻有一行...所以我應該得到一個類的所有內容，然後一個id行，然後運行一堆JS功能... – Memes

float div 100％容器高度，全部動態

回答

相關問題