Problema de posicionamiento simple CSS: ¿Cómo alinear 1 y 3 y 2 y 4 hacia arriba y hacia abajo en el siguiente código?

Está mal que escribas así... 1 es punto flotante: izquierda 2 es punto flotante: derecha... De esta manera, el 3 automático se insertará en 1 y 2... Intenta evitar esta forma de escribir. .. Una línea solo va en una dirección flotando. ...

Puedes escribir así:

#首页{

Margen: 200px automáticamente;

Ancho: 400px

Alto: 200px

Fondo: rojo;

Posición: relativa /* Hacer que #mainpage esté en una posición relativa. */

}

#font1, #font2, #font3, #font4{

Posición: absoluta;

} p>

#font1{

Izquierda: 0px

arriba: 0px;

}

#font2{

arriba: 0px;

Derecha: 0px

}

#font3{

Abajo: 0px

Izquierda: 0px

}

#font4{

Abajo: 0px

Derecha: 0px

}

Después de escribir este artículo... 1234 siempre estará separado por cuatro esquinas... sin importar cómo cambies el tamaño del contenedor.

La posición relativa de #mainpage no afectará la existencia de contenedores en otras páginas. Solo utiliza el posicionamiento absoluto para los cuatro números 1234. ...

Si #mainpage no agrega posicionamiento relativo... el posicionamiento absoluto de 1234 es relativo a la página. ...