Добрый день народ!. Я искал полчаса, и я не нашел ничего, что работало бы на меня или дало мне положительные результаты. У меня есть сводная таблица, которая изменяет количество отображаемых строк в зависимости от того, что вы выбираете из DropDownList. Проблема в том, что в тех случаях, когда в таблице мало строк, нижний колонтитул смещается и, как вы можете видеть ниже, не «приклеивается» должным образом к нижнему колонтитулу.
Я пробовал с атрибутом position, с другими, о которых я никогда не слышал, но я не могу заставить нижний колонтитул всегда прикрепляться к нижнему колонтитулу. На данный момент это то, что у меня есть в моем css;
footer
{
margin-top:50px;
width:100%;
height:200px;
background-color:red;
}
От уже большое спасибо!
Вы можете «опустить» нижний колонтитул вниз таким образом, что, когда таблица очень большая, он не покрывает ее, однако, когда он очень маленький, нижний колонтитул остается внизу.
я оставляю вам пример
Примечание. Запустите фрагмент на весь экран, чтобы лучше видеть результат.
Если таблица очень большая, нижний колонтитул подстраивается под высоту страницы, а не закрывает ее.
Вы должны установить фиксированное положение, а левое и нижнее значение 0, чтобы оно было зафиксировано в левом нижнем углу страницы:
Вы можете использовать Bootstrap, включив библиотеку в заголовок и добавив класс
.navbar-fixed-bottom
в нижний колонтитул следующим образом:Наконец, в стиле тела вы ставите:
и было бы очень здорово.
PS: библиотека bootstrap не только полезна для этого, она имеет много преимуществ с точки зрения эстетики.
Я столкнулся с этой же проблемой и не смог исправить ее, кроме как с помощью Flexbox.
Тема относительно проста (после того, как вы справились с половиной уже данных ответов). Давайте представим, что у нас есть структура, состоящая из HEADER, BODY и FOOT.
Для этого мы собираемся назначить свойство «display: flex» Flexbox следующим образом:
Предположим, например, что HEADER и FOOTER имеют назначенный размер:
Теперь к BODY мы можем добавить уникальную функцию, которая сделает волшебство:
Таким образом, мы даем оставшуюся высоту содержимому в BODY, и это подтолкнет PIE к нижней части экрана, какой бы высоты он ни был.
Хорошо.. Практичным способом включить это было бы..
Наличие файла footer.php
С помощью свойств style.css
И вызывая его с любой страницы с помощью ..
Я надеюсь, что это послужило, приветствия ..
Я не знаю, работает ли это, но я нашел хорошее решение, вы должны использовать относительное положение...
Если хотите вот ссылка на github
Я решил это следующим образом:
Я сделал новый контейнер, который будет входить внутрь, в вашем случае это будет таблица, раз у вас есть то, что я дал стиль
nav
и чтобыfooter
онnav
занимал ширину и3.5 em
высоту100vw
, и чтобы он был приклеен выше, помещая0
demargin
, иfooter
я поставилposition relative bottom 0
, но это делает то, что он позиционирует его в соответствии с потоком страницы, поэтому, если в содержании ничего не написано, нижний колонтитул загружается, что и происходит в вашем случае, тогда вам нужно будет сделать следующее : поместите класс на контент, который будет здесь,.content
и дайте емуmin-height
от77.6vh
или что-то еще, что подходит для вашей страницы .и вот оно, и если вы поместите больше элементов внутри контента, нижний колонтитул опустится, а если контента нет, поле останется в 77,6vh, потому что оно имеет свойство min-hight.
С фиксированной позицией она всегда будет видна внизу, если вы этого хотите:
Очень простой способ сделать это — указать размер
footer
в процентах, например, так: