javascript - problème CSS, comment aligner le conteneur en bas du div

Question

Comme le montre l'image, 3 p, comment définir 2, 3 est aligné vers le bas en 1 ; lorsque 3 est masqué, 2 tombera pour s'aligner vers le bas

Answer 1

2 et 3 puis envelopper un 4. Comment ce 4 peut-il positionner absolument le 0 inférieur ? À l'intérieur de ce 4, 2 et 3 sont dans un flux de document enveloppé par eux-mêmes. Si 3 n'est pas là, alors 2 peut prendre en charge ce 4. Est-ce cohérent ?

Answer 2

Écrivez un jugement logique en js. Lorsque 3 est masqué, le positionnement en haut de 2 devient le positionnement en haut de 3. Le flux de documents ordinaire ne peut pas réaliser un dépôt automatique car le flux de documents se fait de gauche à droite et de haut en bas. La prémisse de cette situation est que lorsque la hauteur de la case 1 est fixe

Answer 3

Si votre 1 est une boîte parent, alors les deux 3 à l'intérieur sont des boîtes de sous-ensemble. Il vous suffit de donner la hauteur de 2 et 3 ou le contenu à l'intérieur pour les prendre en charge, puis ils peuvent être masqués en tant que 3. Le moment venu. , vous pouvez naturellement le déplacer vers le bas

Answer 4

Utilisez Flex

Answer 5

Essayez la mise en page flexible ?
http://www.ruanyifeng.com/blo...

Answer 6

mise en page flexible

{
flex-direction:  column-reverse;
justify-content: flex-start;
align-items: center;
}