layout de página
idéias de layout
Para mim, este iniciantes, flutuando realmente deixe-me ser como o meu primeiro amor (dentes), às vezes você faz leste, oeste em direção a ela, realmente crânio machucar, então eu pretendo resolver ideias:
Para um esquema de página pode ser dividido em dois casos (transversais e longitudinais)
1. O bloco longitudinal, cada bloco é escrito para um div, porque div é uma linha exclusiva (elemento de nível de bloco)
2. O bloco de lateral , em seguida,
uma gravação semelhante uma div cada bloco, e cada um tem uma div flutuante ;.
B necessidade para definir a largura de cada div. é necessária, mas o pai não excede a soma da largura da caixa.
. C é necessário para ser fornecida a sua altura, e a cor do fundo ou a fronteira, em efeito visual significativa, o que ajuda a depuração;
D processo altura da caixa principal: div é fornecida para a remoção de flutuação em uma posição final (portanto. caixa pai apenas "desempenho normal"), ou a caixa de pai overflow: hidden; ou conjunto a uma altura envoltório fixo dentro da caixa (a altura da caixa fixa no interior da caixa está disponível). Isso é necessário.
Disposição deve prestar atenção:
- Dispostos horizontalmente necessidade de usar o layout flutuante (esquerda-direita, dois à esquerda e direita, esquerda, ou ambos)
- Enquanto elementos flutuante, tem de considerar o problema da altura do elemento pai, sem as suas limitações, de tal modo que o elemento pai irá ser afectada pelas flutuantes acima da sub-elementos, serão tais que os blocos longitudinais posicionadas longitudinalmente abaixo elemento pai é movido para cima, assim o elemento pai para que a exibição normal não pode ser
constrangido maneira:
um alto conjunto fixo ;.
B Limpar float para obter uma alta natural.
• elementos pai usando overflow: hidden;
última posição mais adicional • um elemento pai e defina seu div clear: both ;