How to make a div of height equal to that of the div container? (container larger than the viewport)

Question

How to make a div of height equal to that of the div container? (container larger than the viewport)

Navigation

#1 by (0 votes)

1

If I do not want to set the height of the container div, how do I want it to increase dynamically according to content?

<div class="conteiner">
  <div class="esquerda">
   <!--Esta div não terá conteúdo e seguira a altura da div conteiner(maior que o viewport).-->
   </div>
 <div class="conteúdo">
 <p>Aqui vai o conteúdo. Esta div não terá altura fixa.</p>
 </div>
  <div class="direita">
   <!--Esta div não terá conteúdo e seguira a altura da div conteiner (maior que o viewport).-->
  </div>
</div>

html css

asked by anonymous 04.08.2015 / 00:00

1 answer

Load a large volume of data into a dataTable Rectangle2D is not updating according to the X and Y of the mouse

score 0 · Accepted Answer

Add the following property to your class .conteiner :

.conteiner {position: relative}

For divs that will expand according to content (left and right):

.expandir {
    position: absolute;
    height: 100%;
    top:0;
    width:20px;
    background: yellow; 
}
.esquerda {left:0}
.direita {right:0}

And to center the div .conteudo :

.conteudo {margin:0 20px}

See example working in JSFiddle .