Hoy en día, cuando las unidades relevantes están reclutando artistas, todas requieren conocimiento del diseño de DIV CSS. Aquí están las ocho preguntas de la entrevista que es más probable que encuentre DIV CSS. Espero que le sean útiles.
1. ¿El estilo de desplazamiento no aparece después de acceder al hipervínculo?
El estilo del hipervínculo en el que se hace clic ya no tiene desplazamiento ni está activo. La solución es cambiar el orden de los atributos CSS: LVHA.
2. Error de doble margen en IE6
Por ejemplo:
<tipo de estilo="texto/css">
cuerpo {margen:0;}
div {float:izquierda; margen izquierdo:10px; ancho:200px; alto:200px; borde rojo sólido;}
</estilo>
Después de flotar, el margen original es de 10 píxeles, pero IE lo interpreta como 20 píxeles. La solución es agregar display:inline.
3. ¿Por qué el texto en FF no puede expandir la altura del contenedor?
Los contenedores con valores de altura fijos en los navegadores estándar no se estirarán como en IE6. Entonces, si quiero tener una altura fija y estirarme, ¿qué configuraciones debo realizar? La solución es eliminar la altura y establecer min-height:200px aquí, para cuidar a IE6 que no conoce min-height, se puede definir así:
div { altura:auto!importante altura:200px; altura mínima:200px }
4. ¿Por qué IE no puede configurar el color de la barra de desplazamiento de acuerdo con los estándares web?
Configuración de estilo original:
<tipo de estilo="texto/css">
cuerpo { barra de desplazamiento-color-cara:#f6f6f6; barra de desplazamiento-color-resaltado:#fff; barra de desplazamiento-color-sombra:#eeeeee; barra de desplazamiento-3dlight-color:#eeeeee; -color:#fff; barra de desplazamiento-color-sombra oscura:#fff;
</estilo>
La solución es reemplazar el cuerpo con html.
5. ¿Por qué no puedo definir un contenedor con una altura de aproximadamente 1 px?
Este problema en IE6 se debe a la altura de línea predeterminada y existen muchas soluciones, como: overflow:hidden zoom:0.08 line-height:1px |
6. ¿Cómo hacer que la capa se muestre en FLASH?
La solución es establecer transparencia para FLASH:
<a href=" http://www.easyq.net.cn/">:</a >
<pre lang="html" line="1">
<param nombre="wmode" valor="transparente" />
7. ¿Cómo centrar verticalmente una capa en el navegador?
<tipo de estilo="texto/css">
<!--
div {
posición:absoluta;
arriba: 50%;
izquierda: 50%;
margen:-100px 0 0 -100px;
ancho: 200 px;
altura: 200 px;
borde: 1px rojo sólido;
}
-->
</estilo>
Aquí utilizamos el porcentaje de posicionamiento absoluto y el método de parche exterior negativo, negativo