Question

之前我问过这个问题，并指出了link，我跟随并在page中实施了这项技术：

注意旁边的公告div和div。我希望宣告div与它的对应高度相同。

我缺少什么？

Answer 1

将两个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的高度，无论div中有一行还是5行，或者此高度保持不变。

<强> PK

Answer 2

据我所知，你没有尝试（或实现）你在问题中链接到的人造柱技术，但是因为没有办法用css强迫两个兄弟姐妹维持相同的高度没有明确定义一个高度，并且由于你已经在使用jQuery，我已经想出了这个笨重但不太便携的方法：

    $('#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供您阅读。

不能让两个div高度相等！

2 个答案: