修复列表中绝对定位的div标签的高度

我在网格列表中定位了绝对位置的div标签，因此它被其他div的包围。我想创建一个类，使绝对定位div的高度流动，直到遇到另一个类来修复（或关闭）绝对定位的div标记的高度！修复列表中绝对定位的div标签的高度

或者找到一个解决方案给高度绝对定位div从前：第1行到第3行等？这里是代码：

<div id="wrap_day_kalendar"> 
    <div id="day_kalendar" class="ui-selectable"> 
     <div class="row"><span>Saturday, 14 May 2016</span></div> 
     <div class="row dimgrey"><span>CEST +02:00</span></div>  

     <div class="row border-up"> 
      <div class="col-1 dimgrey text-right"><span class="">10 PM</span></div> 
      <div class="col-11 cornsilk selectable ui-selectee"><span>&nbsp;</span></div> 
     </div> 
     <div class="row"> 
      <div class="col-1 dimgrey fix-border">&nbsp;</div> 
      <div class="col-11 border-up-dashed cornsilk selectable ui-selectee"> 
       <span>&nbsp;</span> 
       <span class="newevent">New event</span> 
       <span class="newevent">Second event</span> 

      </div> 
     </div> 
     <div class="row border-up"> 
      <div class="col-1 dimgrey text-right"><span class="">9 PM</span></div> 
      <div class="col-11 cornsilk selectable ui-selectee"><span>&nbsp;</span></div> 
     </div> 
     <div class="row"> 
      <div class="col-1 dimgrey fix-border">&nbsp;</div> 
      <div class="col-11 border-up-dashed cornsilk selectable ui-selectee"><span>&nbsp;</span></div> 
     </div> 
    <div class="row border-up"> 
     <div class="col-1 dimgrey text-right"><span class="">7 PM</span></div> 
     <div class="col-11 cornsilk selectable ui-selectee"><span>&nbsp;</span></div> 
    </div> 
    <div class="row"> 
     <div class="col-1 dimgrey fix-border">&nbsp;</div> 
     <div class="col-11 border-up-dashed cornsilk selectable ui-selectee"><span>&nbsp;</span></div> 
    </div> 
    </div> 
</div>

来源

2016-05-14 Johni Devo

我不能让你的观点花花公子。你的意思是'@media query'？ – winresh24

我需要div在固定网格上流动，但不知道高度，从第一排到第三排，例如。 –

这样？ https://jsfiddle.net/p5hykd0x/2/对不起，我不明白你的观点请详细说明 – winresh24

使用Javascript/jQuery的，你可以得到父DIV和X后续的div的高度（如果你通过这个与.COL-11的div迭代案件），那么你设置你的div的高度。

这里，如果你想要让所有.newevent格当前单元格高度3倍（笨）例如：

$(document).ready(function() { 
     $('.newevent').each(function() { 
      var parentHeight = parseInt($(this).parent().css('height')); 
      $(this).css('height', 3 * parentHeight + 'px'); 
     }); 
    })

来源

2016-05-14 04:00:51 Atchoum

修复列表中绝对定位的div标签的高度

回答

相关问题