Tema: posicion de elementos
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/06/2016, 11:15
alvaro_trewhela
Invitado
  
Mensajes: n/a
Puntos:
posicion de elementos
Hola, tengo un problemita deseo apilar elementos uno arriba de otro tengo este código:

Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <style>
  4.         *{
  5.         padding:0px;
  6.         margin:0px;
  7.         }
  8.         .main{
  9.         border-width:1px;
  10.         border-color:#000000;
  11.         border-style:solid;
  12.         margin:50px 0px 0px 100px;
  13.         width:500px;
  14.         height:400px;
  15.         }
  16.         .elemento{
  17.         border-width:1px;
  18.         border-color:#0000ff;
  19.         border-style:solid;
  20.         position:relative;
  21.         width:100px;
  22.         height:100px;
  23.         }
  24.         </style>
  25.     </head>
  26.     <body>
  27.         <div class="main">
  28.             <div class="elemento"></div>
  29.             <div class="elemento"></div>
  30.             <div class="elemento"></div>
  31.         </div>
  32.     </body>
  33. </html>

los elementos se apilan hacia abajo, alguna manera de super poner los elementos

probe con absolute, pero se salen del main y se van para la pag principal

saludos