En los últimos dos meses, he estado trabajando como artista en varios sitios web de forma intermitente. En el proceso, he adquirido una mejor comprensión del desarrollo estándar de DIV+Css. Hay dos cosas que me han ayudado más. Una es que entendí completamente el modelo de caja CSS y la otra es que resolví el problema de los "elementos flotantes cerrados" que me ha preocupado durante mucho tiempo:
En términos generales, si un elemento secundario usa flotante, el elemento principal no siempre puede saber exactamente dónde termina el elemento secundario, por lo que el borde inferior del elemento principal siempre pasa por el medio o incluso por la parte superior del elemento secundario, lo que parece muy incómodo.
Al principio, agregué un
o
después del elemento secundario y configuré su atributo en "clear:all;", pero esto requeriría muchos espacios inútiles e incluso algunos sitios web. Es necesario modificar el código ASP para agregar automáticamente estas etiquetas vacías, lo que solo puede considerarse como último recurso.
Más tarde, descubrí que cuando la etiqueta principal también está configurada para flotar, se puede cerrar en la posición correcta, por lo que hice flotar la etiqueta principal fácilmente. De esta manera, no es necesario cambiar una gran cantidad de código ASP. la necesidad de agregar el atributo Clear. Si la etiqueta vacía no se puede agregar desde la plantilla pero debe agregarse desde el código ASP, no es necesario cambiar el código ASP. Solo necesita configurar el contenedor principal en flotante. Todavía es necesario cambiar el ASP, luego cambiar el contenedor principal. Configurar el contenedor principal para que flote y flotarlo capa por capa siempre resolverá el problema. Aunque esto puede ahorrar muchos problemas, puede hacer que toda la página se llene fácilmente de elementos flotantes. -_- ¡¡¡Solo puede considerarse como una estrategia intermedia.
Más tarde, mientras buscaba otras cosas en Internet, accidentalmente encontré a alguien que dijo que simplemente agregar las dos propiedades siguientes a las propiedades CSS del contenedor principal resolvería el problema:
Código fuente de ejemplo
[www.downcodes.com] desbordamiento: automático;
_altura: 1%;
Lo probé y funcionó muy bien. De esta manera, esta debería considerarse la mejor manera de resolver este problema en este momento: no es necesario modificar la tarea de la página y básicamente no es necesario modificar la página principal. contenedor: incluso el contenedor principal del contenedor principal. Si realiza algún cambio, simplemente agregue dos atributos indiferentes al contenedor principal y listo.
