div set altezza uguale

Ho 3 div s. Come posso renderli uguali se l’altra altezza div aggiusta. Voglio che tutte le mie div regolino in altezza, anche se hanno meno contenuti. come nell’immagine anche il div senza dati deve essere uguale agli altri e impostare il read più in basso.

HTML:

 

Features

  • Code blocking
  • Code Wrapping
  • Code Killing
  • Code Sleeping
Read more

Modules

  • Barking Around The house
  • Loving the Cats
  • Floating The points
  • Coding The Sleepers
Read more

Idont knows

Read more

CSS:

 .column-wrapper { padding-top: 20px; text-align: center; vertical-align: middle; width: 100%; } .column-wrapper div { display: inline-table; margin: 2px; } .column-small { padding: 10px; width: 30%; min-width: 250px; height: auto; } .column-small span { float: right; } .column-small ul { margin-top: -10px; width: 100%; max-width: 240px; } .column-small ul li { text-align: left; } .column-small li { list-style: none; padding: 5px; text-indent: -30px; word-wrap: break-word; } 

Immagine dello schermo

la prima parte sembra un duplicato da https://stackoverflow.com/a/10235116/1902425

alla tua seconda parte: se lo fai con js, la tua altezza viene calcasting dynamicmente, quindi puoi posizionare il tuo link “Leggi di più” position: absolute piccolo esempio position: absolute :

 

Idont knows

Your content

CSS:

 .column-small { position: relative; height: 240px; } .readmore { position: absolute; bottom: 10px; right: 10px; } 

CSS:

 .column-wrapper { overflow: hidden; } .column-small { float: left; margin: 20px; background-color: red; padding-bottom: 1000px; margin-bottom: -1000px; } .column-small span { float: right; } .column-small ul { margin-top: -10px; width: 100%; max-width: 240px; } .column-small ul li { text-align: left; } .column-small li { list-style: none; padding: 5px; text-indent: -30px; word-wrap: break-word; } 

HTML:

 

Features

  • Code blocking
  • Code Wrapping
  • Code Killing
  • Code Sleeping
Read more

Modules

  • Barking Around The house
  • Loving the Cats
  • Floating The points
  • Coding The Sleepers
Read more

Idont knows

Read more

Imposta l’altezza per .column-small div .

 .column-small{ height: inherit !important; }