CSS + DIV é um dos termos comumente usados em padrões de sites (ou "padrões WEB"). Geralmente é usado para explicar a diferença do método de posicionamento de tabela na linguagem de web design HTML, porque nos padrões de design de sites XHTML, tabela. o posicionamento não é mais usado como tecnologia, mas usa css + div para obter vários posicionamentos. É fácil cometer alguns erros ao aplicar a codificação DIV+CSS. Este artigo lista alguns erros comuns:
1. Verifique se há erros ortográficos nos elementos HTML e se a tag de fechamento foi esquecida.
Mesmo usuários experientes muitas vezes erram no aninhamento de divs. Você pode usar a função de verificação do Dreamweaver para verificar erros. Webjx.Com
2. Verifique se o CSS está correto
Verifique se há erros ortográficos, esqueci } no final, etc. Você pode usar CleanCSS para verificar se há erros ortográficos no CSS. CleanCSS é uma ferramenta para reduzir o peso do CSS, mas também pode verificar erros ortográficos.
3. Determine onde ocorreu o erro
Se o erro afetar o layout geral, você pode excluir os blocos div um por um até que a exibição retorne ao normal após a exclusão de um determinado bloco div e determinar onde ocorreu o erro.
4. Use o atributo border para determinar as características de layout do elemento de erro
Usar o layout do atributo float pode causar erros se você não tomar cuidado. Neste momento, adicione o atributo border ao elemento para determinar o limite do elemento e a causa do erro será revelada.
5. O elemento pai de um elemento float não pode especificar o atributo clear.
No MacIE, se você usar o atributo clear no elemento pai de um elemento float, o layout dos elementos float circundantes ficará confuso. Este é um bug famoso do MacIE. Se você não conhece, fará desvios.
6. O elemento float deve especificar o atributo de largura Webjx.Com
Muitos navegadores apresentam bugs ao exibir elementos flutuantes com largura não especificada. Portanto, independentemente do conteúdo do elemento float, o atributo width deve ser especificado para ele.