Question

我宣布了一个页脚，但它仍然不会粘到底部？这是一个页脚的图像，并解释了为什么它不会粘到底部。

https://i.imgur.com/n3K46JQ.png

这是代码

<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
    <title>{{ config('app.name') }}: @yield('title')</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon" />
    <link href="/assets/hhh/frontend/css/bulma.css" rel="stylesheet" type="text/css">
    <link href="/assets/hhh/frontend/css/override.css?v={{time()}}" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:regular,bold|Ubuntu+Condensed:regular">
</head>
<body>
    <section class="hero is-small is-danger is-bold custom-hero">
        <div class="hero-body">
            <div class="container">
                <div class="columns">
                    <div class="column is-9 logo-column">
                        <h1 class="title"> &nbsp; {{ config('app.name') }} Hotel...</h1>
                        <h2 class="subtitle"> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;The users at mind</h2>
                    </div>
                    <div class="column" style="margin-left:-70px;">
                        <div class="button is-danger" style="background-color: #00000052;border:1px solid #00000052;color: white;">
                            <i class="fa fa-users"></i> &nbsp; {{ $onlineCount }}
                        </div>&nbsp;
                        <a href="{{ route('frontend.user.client') }}" target="_blank" class="button is-danger" style="">
                            <i class="fa fa-globe"></i> &nbsp; Join Game
                        </a>
                        <br>
                        <div class="button is-warning" style="margin-top: 10px;    background-color: #00000052;border-color: transparent;width:199px;color: white;border: 1px solid #00000052;">Server Status: &nbsp; <i class="fa fa-spinner"></i></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hero-foot">
            <div class="container">
                @yield('nav_parent')
            </div>
        </div>
    </section>
    @yield('nav_child')
    <div class="container"><br>
        @yield('content')
        @include('frontend.partials.scripts')
    </div>
    <footer class="footer">
        <p>Some text to go on your footer.</p>
    </footer>
</body>
</html>

Answer 1

我想我理解你的问题（即使邮政编码......）

如果您想在页面底部粘贴页脚，则需要在父级上设置position: fixed; bottom: 0;。

如果您需要一些细节，请粘贴一些代码。

CSS：页脚不会粘到底部？

1 个答案: