Clara algo flotante que cualquiera que haga una página se encontrará, pero ¿pueden todos conocer de manera clara e integral? Entonces, cuando era libre, inmediatamente escribí tal artículo. No podía cubrir todo, pero básicamente podría enseñar todo lo que sabía.
Echemos un vistazo a cuántas formas de despejar el flotador (no lo escribiré con Zoom: 1 en él, lo escribiré para el siguiente tema). La demostración correspondiente
- Use pseudo-clase: después para limpiar la capa de pseudo-clase con la posterior bit de altura vacía cero
- Use el desbordamiento CSS: Auto para admitir la altura
- Use el desbordamiento CSS: Oculto para generar adaptaciones extrañas
- Use la pantalla: tabla para convertir objetos en formulario de tabla
- Use etiquetas DIV y atributos claros de CSS
- Use etiquetas BR y atributos CSS Clear
- Use la etiqueta BR y su propio atributo HTML Clear
En una mirada aproximada, todos pueden resolver el problema; Sin embargo, por otro lado, tienen sus propios pros y contras. (Correspondencia uno a uno)- La semántica de la estructura de ventajas es completamente correcta y no causará ningún otro problema extraño. Desventajas El método de reutilización incorrecta puede hacer que el volumen del código aumente bruscamente. Se recomienda para las personas que usan la capa más externa cuando está flotando, o la usan claramente de manera modular.
- Ventajas La estructura es completamente correcta y el volumen del código es muy pequeño. Las desventajas después de múltiples anidaciones, haciendo clic en el cuadro flotante más externo se seleccionarán desde el más externo hasta el contenido más interno (FF); o cuando el ratón hace que el ancho cambie, el módulo más externo tendrá una barra de desplazamiento (es decir). Se recomienda usar módulos internos, por favor no los aniden.
- Ventajas La estructura es completamente correcta y el volumen del código es muy pequeño. Cuando aumentan las desventajas , es probable que el contenido se oculte sin envolver automáticamente la línea. Se recomienda usarlo cuando el ancho sea fijo y no lo anide.
- Ventajas La estructura es completamente correcta y el volumen del código es muy pequeño. Los atributos del modelo de caja de desventaja han cambiado, y puede imaginar que, naturalmente, hay tantos eventos extraños que ni siquiera puede contar. Se recomienda que si no desea cambiar el error, es mejor no usarlo; Sin embargo, se puede probar como un tonto temporal en la versión alfa.
- Ventajas: muy pequeño número de códigos y reutilización extremadamente alta. Las desventajas son completamente ineficaces para adaptarse a la semántica, lo que no conduce a los cambios de revisión y requisitos. Se recomienda usarlo para principiantes, lo que le permite resolver rápidamente problemas flotantes.
- Ventajas El grado de semántica es mejor que el quinto caso; El volumen del código es muy pequeño y la reutilización es extremadamente alta. La semántica de las desventajas sigue siendo imperfecta, lo que no es propicio para la revisión y la demanda de cambios. Se recomienda usarlo para principiantes, lo que le permite resolver rápidamente problemas flotantes.
- Ventajas El grado de semántica es mejor que en los casos quinto y sexto; El número de códigos es el más pequeño y la reutilización es extremadamente alta. La semántica de las desventajas sigue siendo imperfecta, lo que no es propicio para la revisión y la demanda de cambios. Se recomienda guiar a los principiantes a usarlo al actualizar su pensamiento para que comprendan que, en lugar de usar ClassName para controlar un rendimiento, es mejor volver a la era de las páginas web en Web1.0 para usar directamente los atributos HTML para controlar el rendimiento. Después de todo, este último tiene menos código.
Finalmente, la lista se completa. Sin embargo, creo que es necesario disculparse con todos por el artículo reimpreso por Ghosts antes. Lo que lamento es que cambié el título de fantasmas y cambié lo más simple a óptimo, de modo que muchos estudiantes fueron engañados más tarde. Así que escribí un artículo reescrito para compartir.