不能得到兩個div的高度相等！

我之前問過這個問題，結果被指出對這個link，這我也跟着我page實現技術：不能得到兩個div的高度相等！

通知公告股利和股利它旁邊。我希望公告div與其對應的高度相同。

我在想什麼？

來源

2010-10-05 samwick

div的大小正在調整以適合其內容。您可能只需將高度：300px（或您正在查找的任意大小）放入CSS中。 – Tim 2010-10-05 02:10:40

是不是會導致它在不同的瀏覽器中不相等？ – samwick 2010-10-05 02:11:59

看，這裏有個壞消息：你沒有實現你在教程中看到的內容。去給它一個很好的閱讀，然後嘗試實施它，然後再問，爲什麼它不工作。 – 2010-10-05 02:32:55

你沒有，所以據我所知，嘗試（或執行）的人造列技術，你在你的問題掛鉤，但因爲沒有強制的方式，用CSS ，兩個兄妹保持相同的高度，而不會明確定義的高度，既然你已經使用jQuery，我想出了這個cludgy和不真正便攜的方法：

$('#container1 > div').each(
     function(){ 
     if ($(this).height() > $(this).next().height()){ 
      $(this).next().css('height',$(this).height()); 
     } 
     else { 
      $(this).css('height',$(this).next().height()); 
     } 

     });

它已經結束了在JS Bin爲您的細讀。

來源

2010-10-05 03:20:10

多數民衆贊成在智能！謝謝 – samwick 2010-10-05 03:23:45

唯一的缺點就是它在頁腳之前增加了很多空的空間。我認爲這是因爲container1有3'rd div來處理清晰的 – samwick 2010-10-05 03:28:19

@samwick，然後嘗試使用其他方法來提供'clear'，例如'

'來完成這項工作並佔用最少的空間。它實際上看起來好，如果你只是拿出清算機構。 – 2010-10-05 03:33:43

變化兩者的div的高度是相同的

<div class="announcement" style="position: relative; width: 728px; height: 200px;"> <!--This is the containing div position: relative to flow in sequence with the rest of the page.--> 


    <div class="announcement" style="position: relative; width: 728px; height: 200px;"> 
    <div style="position: absolute; top: 70px; left: 255px; width: 240px; background-color: azure;"> 
position: absolute; top: 70px; left: 255px; width: 240px; background-color: azure; overall width 248px including 2*3px padding and 2*1px border; (no height) 
    </div>

例如將固定的高度，如果有在div一行或5行或任何該高度將保持的該div不管相同。

來源

2010-10-05 02:29:21 Pavan

@Pavan，請閱讀[編輯幫助]（http://stackoverflow.com/editing-help）以瞭解如何格式化您的代碼。 – 2010-10-05 03:00:58

謝謝你的時間幫助我提高自己。你能告訴我我需要做什麼嗎？我看了一下你的鏈接，但是我對於我需要做的事情無能爲力？如果我想讓html代碼出現，我是否需要將~~html代碼~~？抱歉，我不明白 – Pavan 2010-10-05 03:10:19

@Pavan：只需選擇您的代碼並使用編輯區域上方的1010代碼格式化按鈕即可。 – casablanca 2010-10-05 03:12:55

不能得到兩個div的高度相等！

回答

相關問題