Hola a todos,
Soy nueva en esto del diseño web y me he puesto a hacer algunas cosas para ir aprendiendo css.
Tengo un css como el siguiente:
Código CSS:
Ver originalbody {
margin: 0;
padding: 0;
}
#contenedor {
background-color: grey;
height: 665px;
width: 768px;
margin-left:auto;
margin-right:auto;
}
.cajita {
border: 1px dashed;
overflow: hidden;
position: absolute;
height: 40px;
width: 120px;
left: 384px;
top: 50%;
margin-top: -20px;
}
Tengo un contenedor con un ancho de 768 px y dentro un div el cual estoy tratando de que quede justo en el centro de este contenedor.
Si al div que está dentro del contenedor le coloco un left de 384px (la mitad del ancho del contenedor), el mismo no se mueve justo a la
mitad, sino que he tenido que colocarle un left de 452px para que tenga el efecto deseado, entonces, quisiera saber o entender como es que
funciona el left en este caso.
Muchas gracias desde ya.