Question

我正在尝试使用页脚显示在页面内容的末尾，或者如果没有整个页面的内容，则会显示在页面底部。换句话说，我试图制作一个页脚底部的页脚，除非它被内容压低。

截至目前，导航部分正确上传并且看起来（从开发人员的工具）“blade_content”div占据了100％的预期，但由于某种原因，页脚位于“ blade_content“div而不是它下面。

我知道有一百万个关于页脚的问题，我已经阅读并尝试了它们，但由于某种原因，我无法让它工作。任何帮助都会非常感激。

主刀片：

<!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%;
}

Home Blade：

@extends('layout.main')

@section('content')

 Test.


@stop

Answer 1

您的刀片必须更改为：

@extends('layout.main')

@section('content')

 Test.

@stop

丢失@endif可能会造成一些麻烦。

刀片模板和页脚

1 个答案: