#father {
position: relative;
}
#son1 {
position: absolute;
top: 0;
}
#son2 {
position: absolute;
bottom: 0;
}
Это работает, потому что position: absolute
означает что-то вроде «использовать top
, right
, bottom
, left
для размещения себя по отношению к ближайшему предку, у которого есть position: absolute
или position: relative
.
Итак, мы делаем #father
для position: relative
, а у детей есть position: absolute
, затем используйте top
и bottom
для размещения детей.