Telegramy
Articles
About
« Rev
@reactjs_samurai
830
Fwd »
Dmitry
Нужен?
Olexandr
Нахрен марджин для каждого прописывать , а если контент изменится? А если адаптив
Впервые слышу чтоб блоки на сайте располагали флексом колонками
Olexandr
Адаптив то тут причем?
Dmitry
Эммм
Dmitry
У тебя хедер
Dmitry
Бади
Dmitry
И футер
Dmitry
Они у тебя
Dmitry
Как по твоему
Dmitry
Расположены?
Olexandr
Эммм
Блок в контейнер, это норм, флексом весь блок- тоже збс, но вот пейдж флексом колоночным это я реально не слыхад )
Dmitry
Dmitry
Вот твой хедер
Dmitry
Бади
Dmitry
И футер
Olexandr
Расположены?
А что ты будешь задавать - спейс битвин?
Olexandr
Ти типа задаешь высоту всей страницы?
Edward
flex-direction: column; justify-content: flex-end; display: flex;
Edward
не оч сработало
Dmitry
Маржины
Olexandr
Маржины
да *лять все мерджинами блоки разделяют
Dmitry
Неее
Dmitry
Ты ее то сделал
Dmitry
Разделяют, но не разносят на разные края
Olexandr
напиши кусочек как ты считаешь должно быть написано )
Dmitry
Контейнера
Olexandr
Разделяют, но не разносят на разные края
Флекс сам отступы делает?
Dmitry
Не, смари, флексами ты прижимаешь
Dmitry
Просто
Dmitry
Блоки
Olexandr
Не, смари, флексами ты прижимаешь
к чему? )
Dmitry
Короче, ща
Dmitry
Жалко тут рисовать нельзя
Dmitry
У флексов есть свойство, которое задает отношение
Dmitry
По дефолту оно единица для всех
Dmitry
Т.е они все равны будут
Dmitry
Но можно настроить так
Dmitry
Чтобы там хедер занимал 20процентов
Dmitry
Экрана
Dmitry
Футер 10
Dmitry
И 70 бади
Olexandr
а нахрена? )))))
Dmitry
Футер должен быть снизу блока у чела
Olexandr
У страницы высота не ограничена. Или ты типа про концепцию что все в одном окне? )
Olexandr
Футер должен быть снизу блока у чела
Футер это вообще отдельный блок
Dmitry
Так я теряю нить разговра
Olexandr
Если элемент display: block, то он сам будет ниже предыдущего
Olexandr
Так я теряю нить разговра
я просто не могу понять, ты сам придумал тему с флексом чтоб блоки по странице расположить или увидел где-то?
Dmitry
Dmitry
Я так понял ему надо чтобы он был всегда снизу
Edward
ну и как?)
Dmitry
Поэтому предложил флекс энд
Edward
не работает
Dmitry
Смари
Olexandr
Поэтому предложил флекс энд
А, если это вся страница, то возможно ))))
Dmitry
У теб есть родительский контейнер
Dmitry
Я так понял что вся
Olexandr
Поэтому предложил флекс энд
1. Если флекс енд, то все нахрен уедет вниз страницы.
Dmitry
Нееее
Dmitry
Ты ток на футер
Olexandr
2 для смещения нужно задать высоту всего блоко
Dmitry
Флекс энд
Dmitry
На хедер
Dmitry
Флекс старт
Dmitry
А бади адаптируешь
Olexandr
Флекс старт
Чтоб флекс энд сработал, нужно задать высоту блока = высоты видимой области
Olexandr
100vh кароч
Olexandr
А если бади будет большего размера? Картинок будет не 2, а 8, что тогда?
Olexandr
ну и как?)
Добавь margin-bottom к футеру и к хедеру, чтоб не слиплось.
Edward
смотрите
Edward
1 фишка display absolute и боттом 0
Edward
фишка вроде бы работает но
Olexandr
1 фишка display absolute и боттом 0
ваще не варик
Edward
типа футер становится у низу экрана
Edward
книзу
Olexandr
фишка вроде бы работает но
Тут либо положение будет зависить от контента, либо если хочешь чтоб футер был всегда на экране, то пили display: fixed
Edward
но если я мотаю вниз он на той зоне остается и не едет вниз
Olexandr
но если я мотаю вниз он на той зоне остается и не едет вниз
Я не понимаю что ты хочешь в итоге. Обычно блоки разделяют нижними марджинами.
Edward
Ну мне он намертно внизу нужен везде
Edward
если я маржин сделаю то на других страницах оно тоже применится
« Rev
@reactjs_samurai
830
Fwd »