Я пытаюсь создать нижний колонтитул, который либо будет отображаться в конце содержимого страницы, либо, если нет содержимого всей страницы, будет отображаться внизу страницы. Другими словами, я пытаюсь сделать нижний колонтитул, который будет находиться внизу страницы, если только он не будет сдвинут содержимым.
На данный момент раздел навигации загружается правильно, и похоже (из инструментов разработчика), что div «blade_content» занимает 100%, как и предполагалось, но по какой-то причине нижний колонтитул находится поверх div «blade_content». а не под ним.
Я знаю, что есть миллион вопросов о нижних колонтитулах, я читал и пробовал их, но по какой-то причине я не могу заставить это работать. Любая помощь вообще будет принята с благодарностью.
Основное лезвие:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
@include('layout.navigation')
<div class = "blade_content">
@yield('content')
</div>
@include('layout.footer')
</body>
</html>
Соответствующий CSS:
body{
height: 100%;
}
footer {
width: 100%;
line-height: 3em;
position: relative;
}
html{
height: 100%;
}
.blade_content {
height: 100%;
}
Домашний клинок:
@extends('layout.main')
@section('content')
Test.
@stop