Ver Mensaje Individual
  #17 (permalink)  
Antiguo 26/02/2018, 13:20
Avatar de DragonX
DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años
Puntos: 177
Respuesta: Poner alto auto ajustable a cada tab

Ok ceaped hace esto y vas a ver que no necesitas nada, si algo no sale exactamente igual es porque hay algo que 'estas haciendo mal'.

Paso 1
Anda a tu ejemplo en codepen https://codepen.io/frxnz/pen/arlxL

Paso 2
Selecciona todo el HTML del ejemplo y reemplazalo por este (todo esto dentro de codepen)
Código HTML:
Ver original
  1. <div class="container">
  2.   <h1>Slidin' Slidey Things</h1>
  3.   <div class="slides">
  4.     <div class="slide">
  5.       <a href="#">The Lorem</a>
  6.       <div class="content">
  7.         <p>Texto MUYYY LARGO!!!</p>
  8.         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi rem ab voluptate provident voluptatum veniam cupiditate beatae expedita veritatis aliquid officia doloribus dolore maiores doloremque mollitia! A ducimus autem ut!</p>
  9.         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi rem ab voluptate provident voluptatum veniam cupiditate beatae expedita veritatis aliquid officia doloribus dolore maiores doloremque mollitia! A ducimus autem ut!</p>
  10.         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus obcaecati velit autem tenetur doloribus perferendis esse odit animi quasi deserunt recusandae perspiciatis a sapiente aliquam qui libero dolor officiis assumenda.</p>
  11.       </div>
  12.     </div>
  13.    
  14.     <div class="slide">
  15.       <a href="#">The Ipsum</a>
  16.       <div class="content">
  17.         <p>Poco texto!!!</p>
  18.       </div>
  19.     </div>
  20.    
  21.     <div class="slide">
  22.       <a href="#">The Dolor Sit Amet</a>
  23.       <div class="content">
  24.         <p>Texto Regular!!!</p>
  25.         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim fugiat officiis repellat reprehenderit incidunt deserunt illum eum ipsa quod nihil eligendi hic delectus quaerat. Ad sint tempore cumque mollitia reiciendis!</p>
  26.       </div>
  27.     </div>
  28.   </div>
  29. </div>

Paso 3
Hace click fuera del textarea de edicion de HTML y probalo.

Slds.-
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho