O layout da página CSS da web é difícil de dizer, mas na verdade é muito simples. Diz-se que é fácil, mas muitas vezes há muitos problemas que incomodam os novatos. Existem muitas técnicas apresentadas em http://www.knowsky.com/article.asp?typeid=38 . Essas dicas e conhecimentos podem ajudar todos a obter o dobro. o resultado com metade do esforço. No entanto, na maioria das vezes, somos frequentemente perturbados por alguns pequenos problemas e não conseguimos relaxar. Hoje gostaria de apresentar oito técnicas que parecem ser muito úteis.
1. Se você tiver alguma dúvida, verifique imediatamente. Se você puder fazer uma simples verificação no código original quando ocorrer um erro, poderá evitar muitas dores de cabeça. O W3C possui ferramentas de detecção disponíveis para XHTML e CSS, consulte http://validator.w3.org . Observe que erros no início do arquivo podem causar mais erros devido à estrutura inadequada e outros fatores. Recomendamos corrigir primeiro alguns dos erros mais óbvios e depois verificar novamente, o que pode reduzir o número de erros;
2. Ao usar a função flutuante, lembre-se de limpar o comando adequadamente. Flutuar é uma função perigosa e pode não produzir os resultados esperados. Se você encontrar elementos flutuantes que se estendem além da borda do contêiner circundante ou outras situações incomuns, certifique-se de estar fazendo isso corretamente.
3. Use preenchimento ou borda quando as bordas se sobrepõem para evitar que você se preocupe com um pequeno espaço que não deveria estar lá, ou quando precisar de um pouco de espaço, você não pode espremê-lo, não importa o que aconteça. Se você usar margem, será fácil sobrepor os limites.
4. Tente evitar especificar preenchimento/borda e altura ou largura para elementos ao mesmo tempo. A versão do IE para Windows geralmente causa problemas de cálculo com largura e altura. Existem algumas maneiras de resolver este problema, mas se o elemento pai precisar especificar a altura e a largura, é melhor aplicar margem aos elementos filhos dentro do elemento pai, ou quando o elemento filho precisar especificar a altura e a largura, aplique preenchimento ao elemento pai para obter esse efeito.
5. Não confie na largura mínima/altura mínima
A versão do IE para Windows não oferece suporte a ambas as sintaxes. Mas, até certo ponto, a versão do IE para Windows pode atingir um efeito equivalente à largura mínima/altura mínima, portanto, contanto que você adicione algumas funções de filtragem ao IE, poderá obter os resultados desejados.
6. Em caso de dúvida, reduza a porcentagem primeiro. Às vezes, alguns erros farão com que 50%+50% se transforme em 100,1%, causando problemas na página web. Neste momento tente alterar esses valores para 49% ou até 49,9%.
7. Lembre-se que a sintaxe abreviada de “TRBL” para borda, margem e preenchimento tem uma ordem específica, começando de cima e girando no sentido horário: superior, direita, inferior, esquerda Então o resultado da margem: 0 1px 3px 5px é; sem borda na parte superior, 1 pixel à direita e assim por diante. Lembre-se de "TRBL" e você não errará na sequência.
8. Desde que o valor não seja zero, a unidade deve ser especificada. Isso requer atenção especial. Muitos amigos novatos geralmente ignoram esse problema.