так что у меня есть довольно нормальная настройка внутри моего файла application.html.erb:
<html class="h-100">
!head, title, scripts, stylesheets removed for this example here on stackoverflow!
<body class="d-flex flex-column h-100">
<!-- Dropdown Structure -->
<header>
<%= render 'shared/nav' %>
<div class="container">
<%= render partial: 'shared/message' %>
</div>
</header>
<main role="main" class="flex-shrink-0">
<%= yield %>
</main>
<footer class="footer mt-auto py-3">
<div class="container">
<h3>hello</h3>
</div>
</footer>
</body>
Это выглядит хорошо для меня.Однако нижний колонтитул не виден!На самом деле, он полностью исчезает, когда я захожу на страницу.Когда я проверяю нижний колонтитул с помощью инструмента разработчика, он даже не указывается внутри.
Но по некоторым странным причинам на некоторых страницах нижний колонтитул становится видимым и затем также отображается в инструменте разработчика, как обычно и должно быть.
Первоначально я думал, что причиной этого был старый файл scaffold.scss, и я полностью удалил его, но он не изменился вообще.
У меня нет ошибок вообще.Никогда не было такого рода проблем раньше.Я искал в своем файле app.scss какие-либо классы .footer, body, html или любые другие классы, которые могли бы перезаписать CSS из начальной загрузки, но ничего не смогли найти (использовал инструмент поиска в vscode).
РЕДАКТИРОВАТЬ:
Кажется, что мой HTML, и тело только 760 пикселей в высоту, однако основной является полная ширина (более 2000 пикселей).
Я пытался добавить html, body { height: 100%; }, но даже с такой высотой он все равно всего 760 пикселей в высоту.Это, кажется, проблема, так как страницы, которые показывают нижний колонтитул, не превышают 760 пикселей.
Есть идеи, что может вызвать эту проблему?