Día de aprendizaje de HTML y CSS10

  • Características especiales del posicionamiento
    1. Agregar elementos en línea 绝对定位puede establecer directamente el ancho y la altura
    2. Agregar elementos a nivel de bloque 绝对定位Si el ancho y la altura no se establecen en el tamaño del texto (elementos en línea),
    los elementos flotantes no se activarán por posicionamiento absoluto (posicionamiento fijo) Problema de colapso de fusión de margen exterior (fuera de estándar)

Los elementos flotantes solo mantendrán presionado el cuadro debajo del elemento y no cubrirán el contenido.
El posicionamiento absoluto mantendrá presionado el cuadro y el texto
flotante no mantendrá presionado el texto porque el propósito de la flotación es crear un efecto de ajuste de texto. El texto rodeará el elemento flotante.


Si hay tanto la izquierda como la derecha en un cuadro, la izquierda se ejecutará primero y la
parte superior se ejecutará primero de la misma manera que la parte inferior.

  • La visualización y ocultación del elemento
    mostrar
    display :none; elemento de visualización
    display:block; ocultar elemento ocultar elemento
    no ocupa la posición original después de ocultar la
    visibilidad
    visibility: hidden; del elemento ocultar elemento de
    visibility: visible;visualización elemento de
    elemento continúa ocupando la posición original después de ocultar el
    desbordamiento
    overflow: visible;
    overflow: hidden; cortar el contenido más allá del elemento establecido
    overflow: scroll;** Si el el contenido excede el
    overflow: auto;contenido, el contenido de la barra de desplazamiento siempre se muestra La barra de desplazamiento se mostrará si se excede, no se mostrará si se excede
    Inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/weixin_42778611/article/details/114967028
Recomendado
Clasificación