Cómo programar usando html como cuadro

La primera pregunta: float:right;right:30px; (right:30px; es el atributo de posicionamiento)

La segunda pregunta: div1 tiene márgenes de 10px en cada una de las cuatro direcciones. , div2 Los márgenes son de 5px en cada dirección en las cuatro direcciones. Cuando div1 y 2 están organizados de izquierda a derecha, la distancia entre ellos es de 10px5px. Cuando div1 y 2 están organizados hacia arriba y hacia abajo, en circunstancias normales no es de 10px5px. se fusiona en 10px. Esto se llama: fusión automática de márgenes

La fusión automática de márgenes se utiliza principalmente para resolver el problema estético de la composición tipográfica superior e inferior (especialmente entre párrafos). , pero a veces la combinación automática de márgenes falla. Es necesario agregar relleno o un borde a uno de los divs para resolverlo.