[SOLUCIONADO] Divs en bloque

[williamhpf]

Tengo esto:

Código PHP:

  .1 {width: 300px; height: 300px;} 
.2 {width: 100px; height: 100px;} 
a { 
display: block; 
margin: 0px; 
padding: 0px; 
width: 100%; 
height: 100%; 
} 
 
<div class="1"> 
<div class="2"></div> 
<a href="http://www.ejemplo.com">Enlace</a> 
</div>  
   

Me coje como bloque todo el div "1", pero no el div "2".

Pero como hago para que coja ambos div como bloque, que todo el div "1" sea un bloque incluido el div "2" ?

[emprear]

Nunca inicies nombres de ID o class por un numero, porque no son reconocidos


.1 {width: 300px; height: 300px;}
.2 {width: 100px; height: 100px;}
Incorrecto

.a1 {width: 300px; height: 300px;}
.a2 {width: 100px; height: 100px;}
correcto

Saludos

[williamhpf]

Los numeros era solo para el ejemplo, no es que no funcione por eso.

Saludos

[emprear]

1. Poné tus ejemplos con más precaución, porque en tu caso el mismo llevaba implicito un error grave
2. Que es lo que imaginas debería visualizarse y decis que no funciona?

tu código tal cual está va a mostrar solo un link posicionado al inicio del documento, si hacemos la correccción

Código HTML:

.a1 {width: 300px; height: 300px;} 
.a2 {width: 100px; height: 100px;} 
a { 
display: block; 
margin: 0px; 
padding: 0px; 
width: 100%; 
height: 100%; 
}
 

y reasignamos las clases, vas a ver lo mismo, pero con el link posicionado unos 100px más abajo.

si a tu css le damos algo de color para observar en detalle la ubicación de los divs vas a ver esto


Mi recomendación, posteá con más precisión
Saludos

[williamhpf]

Perdon, pues si asi mas o menos lo tengo yo, al postear lo hice sin copiarlo y si tienes razon, esta mal, yo quiero que tanto la zona roja como la azul, sean enlaces o sea un unico enlace. Que el div rojo sea un bloque incluyendo el azul.
Que los 300px x 300px sea un bloque de enlace.

Gracias