O layout sem qualquer modificação é automaticamente deixado.
2. Layout móvelA situação de flutuação: esquerda mencionada acima.
3. Layout de posicionamentoTanto o posicionamento relativo quanto o posicionamento absoluto são relativos à etiqueta DIV pai.
Relativamente ------------------------------------------------------------------------------------------------------------------------------------
Absoluto - pegue a origem da tag de divis de pai (canto superior esquerdo) como o ponto de referência.
Como a camada externa é a posição: relativa, se a camada interna for absoluta, o canto superior esquerdo da camada externa será alinhado como referência de deslocamento. Obviamente, a camada externa escreve apenas a posição: parente, escreve os dois valores à esquerda e superior, o que significa que o alinhamento esquerdo e superior é baseado na posição original do elemento como o ponto de referência do layout.
Outra situação é que é apenas uma posição: absoluta; Não há posição: relativa na camada externa. Neste momento, que ponto será encontrado como uma referência? O princípio neste momento é: se houver um parente em um determinado elemento pai, o elemento pai será usado como origem de referência e, se não houver posição: parente, o corpo é usado como origem de referência. Se a posição: a camada externa absoluta não tiver relativa, não há diferença nos dois layouts.
Obviamente, a última situação é: a camada externa é: posição: absoluta; A camada interna é a posição: relativa. O que vai acontecer? De acordo com o princípio original, o Absolute se referirá ao corpo como a origem do layout e o parente se referirá à posição em que ele deve estar como origem do layout. Neste momento, ele está realmente se referindo ao canto superior esquerdo da camada externa como a origem do layout.
O resto depende da situação real.