Hoje em dia, quando unidades relevantes estão recrutando artistas, todas elas exigem conhecimento do layout DIV CSS. Aqui estão as oito perguntas da entrevista que o DIV CSS provavelmente encontrará.
1. O estilo hover não aparece após o hiperlink ser acessado?
O estilo do hiperlink clicado não possui mais hover e ativo. A solução é alterar a ordem dos atributos CSS: LVHA.
2. Bug de margem dupla no IE6
Por exemplo:
corpo {margem:0;}
div {float:esquerda;margem esquerda:10px largura:200px; borda:1px vermelho sólido;}
Depois de flutuar, a margem original é de 10px, mas o IE interpreta como 20px. A solução é adicionar display:inline.
3. Por que o texto em FF não consegue expandir a altura do contêiner?
Contêineres com valores de altura fixos em navegadores padrão não serão esticados como no IE6. Então, se eu quiser ter uma altura fixa e ser esticado, quais configurações devo fazer? A solução é retirar a altura e definir min-height:200px aqui, para cuidar do IE6 que não conhece min-height, pode ser definido assim:
div { altura:auto!importante altura:200px;
4. Por que o IE não consegue definir a cor da barra de rolagem de acordo com os padrões da web?
Configurações de estilo original:
corpo { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeee scrollbar-arrow-color:#000; -color:#fff; barra de rolagem-cor da sombra escura:#fff }
A solução é substituir o corpo por html
5. Por que não consigo definir um contêiner com altura de cerca de 1px?
Esse problema no IE6 é causado pela altura da linha padrão e há muitas soluções, como: overflow:hidden | zoom:0.08 |
6. Como fazer com que a camada seja exibida no FLASH?
A solução é definir transparência para FLASH:
7. Como centralizar verticalmente uma camada no navegador?
Aqui usamos posicionamento percentual absoluto e o método de patch externo negativo, negativo