Я пытаюсь создать нижний колонтитул, который будет отображаться в конце содержимого страницы или, если в содержании страницы не будет отображаться целая страница, будет отображаться внизу страницы. Другими словами, я пытаюсь сделать нижний колонтитул, который будет внизу страницы, если он не будет оттолкнут содержимым.
На данный момент раздел навигации загружается правильно и выглядит (из инструментов разработчика), что div "content_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%;
}
Главная Blade:
@extends('layout.main')
@section('content')
Test.
@stop
Ваше лезвие должно измениться на:
@extends('layout.main')
@section('content')
Test.
@stop
Это потерянное @endif
может вызвать некоторые проблемы.