Varios puntos de conocimiento sobre el diseño CSS
Al usar flotante, a menudo encontrará algo muy extraño, es decir, aplicar el atributo flotante a una imagen, pero la imagen es más alta que el elemento que contiene la imagen, por lo que la imagen se desborda. el exterior. La solución es limpiar el flotador. Una solución sencilla es configurar { overflow:auto;scale:1;}
Diseño de bloque en línea. Puede utilizar el diseño de bloque en línea, pero hay algunas cosas que debe tener en cuenta. (1) El atributo de alineación vertical afectará el elemento de bloque en línea, puede establecer su valor en la parte superior (2) Es necesario establecer el ancho de cada columna (3) Si hay espacios entre elementos en la fuente HTML; código, luego la columna Habrá un espacio en el medio.
Hay dos modelos de caja importantes, el modelo de caja ie y el modelo de caja w3c. El modelo de caja W3c es un modelo de caja estándar, que incluye márgenes, bordes, relleno y contenido. La parte de contenido no incluye otros. El alcance del modelo de caja de IE incluye márgenes, bordes, relleno y contenido, pero la parte de contenido del modelo de caja de IE incluye bordes y relleno.
La propiedad CSS box-sizing box-sizing se utiliza para cambiar el modelo de caja CSS predeterminado y calcular el ancho y alto del elemento. Se puede utilizar para simular el comportamiento del navegador que admite incorrectamente modelos CSS. El valor predeterminado del atributo de tamaño del cuadro es el cuadro de contenido. Los atributos de ancho y alto medidos solo incluyen el contenido, excluyendo bordes, relleno y márgenes. Los atributos de ancho y alto del cuadro de relleno incluyen el tamaño del contenido; y relleno, excluyendo el borde y los márgenes; las propiedades de ancho y alto de un cuadro de borde incluyen el relleno y los bordes, pero no los márgenes.
La posición tiene cuatro valores de atributo: ¿estático? ¿relativamente? Absolutamente fijo. Estático es el valor predeterminado del atributo de posición, es decir, organizado en el orden relativo de circulación del documento, se compensará de acuerdo con los valores de arriba, derecha, abajo e izquierda; Si no se establece el atributo relativo, la posición del elemento será coherente con el flujo normal de documentos. Absoluto es un conjunto de atributos de posición basado en el objeto principal del elemento (elemento principal, elemento abuelo, elemento bisabuelo, etc.). ), siempre que no sea estático, el elemento está posicionado, los atributos fijos siempre usan el texto como objeto de posicionamiento y lo colocan de acuerdo con la ventana del navegador. Incluso si arrastra la barra de desplazamiento, su posición no cambiará. Antecedentes similares - Adjunto: Corregido.