powered by simpleCommunicator - 2.0.49     © 2025 Programmizd 02
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS выровнять блок по нижнему краю другого расширяемого блока
5 сообщений из 5, страница 1 из 1
CSS выровнять блок по нижнему краю другого расширяемого блока
    #39998679
oaken
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Нужно прижать блок внутри другого блока по нижнему краю, с учетом того, что родительский блок будет изменять свою высоту в зависимости от наполнения и скролиться.
В примере как должно быть - синий блок находится внизу красного. Здесь уже родительский блок имеет высоту больше и у него включился вертикальный скрол, синий блок же находится в низу видимой области красного, а нужно чтобы он был прижат вниз красного.
Как такого достичь с помощью CSS?
...
Рейтинг: 0 / 0
CSS выровнять блок по нижнему краю другого расширяемого блока
    #39998928
voraa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
oaken,
Когда скроллится родительский, можно так
Код: css
1.
2.
3.
4.
5.
6.
7.
#child {
  position: sticky;
  width: 200px;
  height: 50px;
  border: 1px solid blue;
  bottom: 0px;
}



Но только для сравнительно новых браузеров.
ИЕ работать не будет.
...
Рейтинг: 0 / 0
CSS выровнять блок по нижнему краю другого расширяемого блока
    #39999627
oaken
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
voraa,

sticky - это не то что мне нужно. Мне нужно чтобы дочерний блок был всегда закреплен внизу родительского. А sticky - закрепляет дочерний блок внизу окна скрола родительского блока.
...
Рейтинг: 0 / 0
CSS выровнять блок по нижнему краю другого расширяемого блока
    #39999762
vb_sub
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
oaken,

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
#container {
  display:flex;
  flex-direction:column;
  width: 200px;
  border: 2px solid red;
  overflow-y: scroll;
}

#child {
  border: 1px solid blue;
}
...
Рейтинг: 0 / 0
CSS выровнять блок по нижнему краю другого расширяемого блока
    #40000160
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
oaken
Мне нужно чтобы дочерний блок был всегда закреплен внизу родительского.

Возможно
Код: css
1.
2.
position: absolute;
bottom: 0px;


у дочернего и position отличный от static у родительского, решит твою проблему.

Да и вместо ссылок можно было бы тебе сделать простенький тестовый пример, выложить его тут. На нем можно было бы показать нагляднее...
...
Рейтинг: 0 / 0
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS выровнять блок по нижнему краю другого расширяемого блока
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]