Я пытаюсь заставить липкий макет нижнего колонтитула работать в кросс-браузере. Филип Уолтон, кажется, сделал это идеально, как показано https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/.
Насколько я знаю, я правильно использую flexbox и префиксы. Но я знаю, что делаю ошибки! Любая помощь очень ценится! Я не публиковал код, потому что думаю, что его проще всего отлаживать в браузере.
Вероятно, вам сначала нужно очистить свой код, так как текущие IE11, FF и CH также используют префиксы -webkit или даже простой CSS3. Не знаю, как продавец заказывает SCSS.
Но в целом сделать липкий верхний/нижний колонтитул с помощью flexbox очень просто:
Измените минимальную/максимальную высоту/ширину элементов в соответствии с вашими потребностями.
'space-between' в трех строках (или столбцах), сгибание средней дает желаемый результат, проще не бывает.
space-between здесь не нужно. Кроме того, мой SCSS не имеет значения. Я просто использую его для вывода CSS, и это все, на что мы смотрим. И закрыть свой комментарий проще некуда - это принижение. Возможно, вы не хотели, чтобы это было так, но я бы посоветовал вам более тщательно подбирать слова. Я довольно хорошо разбираюсь в CSS, так что вы имеете в виду, говоря это? Опять же, я искренне ценю, что вы нашли время, чтобы посмотреть на мою проблему и предложить помощь. Спасибо за это :)
- person Dallan; 19.09.2015
