title: Set the height of a div to its parents height
body: <p>I have <code>div</code> "linkButton" which has a input field. I am not able to set the height for this <code>div</code>. the main <code>div</code> height should be as per the content. I don't want to hard code any height for this <code>div</code>. </p>
  
  <p>I have created a jsfiddle for this: <a href="http://jsfiddle.net/v2hMm/80/" rel="nofollow">http://jsfiddle.net/v2hMm/80/</a></p>
  
  <p><em><strong>note</strong>: red color <code>div</code>'s height should be same as parent content and <strong>">"</strong> symbol should be in middle.</em> </p>
  
  <pre><code> &lt;div class="scrolldiv"&gt;
  &lt;div class="content" id="1"&gt;
  
    &lt;div class="leftColumn"&gt;
  
    &lt;div class="show" id="capInfo"&gt;
  
      &lt;div class="label1"&gt;
        Apple CAP Contacts:
      &lt;/div&gt;
  
      &lt;div class="label2"&gt;
        &lt;p&gt;
          CAP Lead:
          &lt;span class="LeadName"&gt;
            Keshab Patro
          &lt;/span&gt;
          &lt;span class="LeadEmail"&gt;
            kpatro@apple.com
          &lt;/span&gt;
        &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="lable3"&gt;
        &lt;p&gt;
          Verification Lead:
          &lt;span class="vLeadName"&gt;
            Siva Rama Kiran Yanamandra
          &lt;/span&gt;
          &lt;span class="vLeadEmail"&gt;
            syanamandra@apple.com
          &lt;/span&gt;
        &lt;/p&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  
    &lt;/div&gt;
  
    &lt;div class="rightColumn"&gt;
  
      &lt;div class="rightGroup"&gt;
  
        &lt;div class="groupproto"&gt;
  
          &lt;p&gt;
            &lt;span class="protocolname show"&gt;
              PROTOCOL BY NAG ON 25/10
            &lt;/span&gt;
  
            &lt;span class="date_class show"&gt;
              OCT 28 - 31, 2013
            &lt;/span&gt;
          &lt;/p&gt;
  
        &lt;/div&gt;
  
        &lt;div class="statusClass hidden"&gt;
        &lt;/div&gt;
  
        &lt;div class="approvedFinding show"&gt;
        &lt;/div&gt;
  
        &lt;div class="closedFinding show"&gt;
        &lt;/div&gt;
  
        &lt;div class="verifiedFinding show"&gt;
        &lt;/div&gt;
  
        &lt;div class="lasActivity show"&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;div class="linkButton"&gt;
  
        &lt;input type="button" class="lplinkbutton" value="&amp;gt;" onclick="top.openPageURL('Pushinfolet?id=101693&amp;amp;proc=104180&amp;amp;flag=1&amp;amp;emd=2&amp;amp;accessflag=2&amp;amp;edit_flag=Y&amp;amp;wrapper=no')"&gt;
  
      &lt;/div&gt;
  
    &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;Style&gt;
        html{
        min-height: 100%;
        }
        .headingsection {
        font-weight: 600;
        font-size: 23px;
        padding-bottom: 5;
        padding-top: 0;
        margin-top: 0;
        }
        body {
        min-height: 100%;
        font-family: "Avenir Next", "Avenir", "Helvetica Neue", "Lucida Grande", Arial, sans-serif !important;
        }
        .mycustcls{
        background-color:  white;
        padding-left:  5;
        }
        .sectionheader{
        background-color:  rgba(173, 172, 172, 0.94);
        border:  2px solid rgba(0, 0, 0, 0.03);
        padding-left: 3px;
        color:  white;
        font-weight:  500;
        font-size:  15px;
        }
        .sectionspacer{
        height:20;
        }
        .sectionrows{
        background-color:  rgba(240, 240, 240, 0.93);
        padding:  10;
        padding-right: 0;
        overflow:  hidden;
        }
        .colsheader{
        height:  auto; 
        color:  white;
        font-weight:  500;
        font-size:  14px;
        float:  left;
        }
        .sectioncols{
        width:  300px; 
        height:  auto; 
        float:  left;
        color:  black;
        font-weight:  normal;
        font-size:  13px;
        }
        .mainsection{
        padding:10px;
        }
        .anotherspacer{
        background-color:  rgba(231, 231, 231, 0.72);
        }
        .rowseparator{
        border: 2px solid #CFCFCF;
        }
        .content { clear: both; font-size: 13px;}
        .Separator {border-top: 2px solid #B8B8B8;}
        .date_class { float:right; }
        .rightGroup { float: left; width:80%;}
        .linkbutton{float: right;width: 30;border:0;  max-height: 200px;}
        .anchor{cursor:pointer;font-weight:500;}
        .lplinkbutton{
        float: right;
        cursor:pointer;
        border:0;
        font-weight: 500;
        font-size: 15;
        background-color: red; 
        width : 30px
        }
        .scrolldiv{
        overflow-x: auto;
        background-color  : rgba(240, 240, 240, 0.93);
        color: black;
        border: 2px solid rgba(0, 0, 0, 0.25);
        }
        .colfacility_id,.colfacility_name{
        font-weight:600;
        text-decoration:underline;
        }
        .colfacility_id,.colfacility_local_name,.colfacility_address,.colcity,.collongitude{width:500px;padding-top:2px;}
        .colprotocol_name{
        font-weight:500;
        margin-left: 50px;
        width:500px;
        }
        .hidden{display:none;}
        .colname{font-weight:600;}
        .colfacility_address.colfacility_local_name,.colname{padding-top:5px; width: 235px;}
        .offlineclass{width:170px;color:black;font-size:  13px;} 
        .downloadasmnt{
        width: 73px;
        height: 29;
        border: 1px solid rgb(49, 120, 153);
        border-radius: 6;
        background-color: rgba(173, 172, 172, 0.94);
        color: white;
        font-weight: 500;
        }
        .datefloat{
        color: #666;
        font-size: 12px;
        }
        .datefloat,.offlineclass{
        font-weight:normal;
        float:right;
        }
        /*div.tt_upcoming.sectionheader{
        background-color: rgba(240, 240, 240, 0.93);
        color: black; 
        border: 2px solid rgba(0, 0, 0, 0.25);
        }*/
        .sectionheader u.anchor{
        text-decoration:none;
        font-size: 17;
        margin-left: 6;
        }
        .protocoldate{
        padding: 0;
        margin: 0;
        border-bottom: 1px solid;
        }
        .tt_upcoming.sectionheader{
        background-color: rgba(240, 240, 240, 0.93) !important;
        color: black !important;
        }
        .leftColumn { float: left; width: 40%; padding: 10px 0 10px 10px;}
        .rightColumn { float: right; width: 50%; padding:0;}
        .rightColumn .rightGroup { padding-top: 10px; }
        .label1, .protocolname { font-weight: 500; }
        .content p { margin: 5px 0;}
        .groupproto { line-height: 0; padding-top: 4px;}
        .show{ display: block;}
        .groupproto { border-bottom: 1px solid #5C5C5C; margin-bottom:5px; }
        .label1 { text-decoration:underline; }
        .lasActivity ul { padding-left: 18px !important;}
  
  &lt;/style&gt;
  </code></pre>