リスト内の絶対配置されたdivタグの高さを固定

グリッドリストに絶対位置を持つdivタグが配置されているため、他のdivのラップされています。私は絶対配置されたdivタグの高さを修正する（または閉じるために）別のクラスを満たすまで、絶対配置されたdivの高さをフローさせるクラスを作りたいと思います！リスト内の絶対配置されたdivタグの高さを固定

または、ex：row 1からrow 3への絶対配置divへの高さを指定するなどの方法を見つけることはできますか？ここでのコードは次のとおりです。ジャバスクリプト/ jQueryを使って

jsFiddle

<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

：あなたはすべての.neweventのdivを3回、現在のセルの高さを作りたいと思います場合はここで

は（愚かな）例です。あなたは '@media query'を意味しますか？ – winresh24

私は固定グリッド上を流れるdivが必要ですが、高さを知らずにexの最初の行から3番目の行に移動します。 –

このように？ https://jsfiddle.net/p5hykd0x/2/申し訳ありませんあなたのポイントを得ることができませんmore – winresh24

あなたはこの中で.COL-11でのdiv要素を反復場合は、（親のdivのとX、後続のdivの高さを得ることができます場合）あなたのdivの高さを設定します。私はあなたのポイントの男を取得することはできません

$(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タグの高さを固定

答えて

関連する問題