У меня есть самозагрузки панель here где сам пытается установить min-height из panel-body класса, как,мин-высота с функцией известково не работает
.panel-body {
min-height: calc(100% - 100px);
}
Почему он не работает в данной скрипку? Is calc функция зависит от браузера?
.container не имеет высоты, поэтому он будет таким же высоким, как и его дочерний элемент, который пытается быть на 100% от его высоты. См. Дилемму? .container имеют высоту 100% (и все его родители тоже), и вы должны увидеть некоторый успех?
Смотрите мою вилку вашей скрипки: Fixed Fiddle
Не работает ..... – mpsbhat
@mpsbhat Я предполагаю, что вы имеете в виду, что скрипка не работает, а не метод, который я описал? Это было из-за неправильной ссылки - я исправил ссылку сейчас ... –
проверки css-tricks
вы можете проверить почту CSS-трик по поводу липкого-футового, он устанавливает липкая сноска в 5 различных способах
.content {
min-height: calc(100vh - 70px);
}
.footer {
height: 50px;
}<body>
<div class="content">
content
</div>
<footer class="footer">sticky footer</footer>
</body>
высота 100% из чего? – Paran0a
[Проверить это] (https://css-tricks.com/a-couple-of-use-cases-for-calc/) –
@ Paran0a высота 100% от высоты тела – mpsbhat