Html 我的页脚到哪里去了

我已经用Bootstrap创建了一个站点，现在我面临的问题是，我刚刚创建的页脚根本没有显示出来

以下是页脚html代码：

<div class="footer">
                <div class="container-fluid">
                    <div class="topfooter">
                        <div class="row">
                            <div class="col-md-1"></div>
                            <div class="col-md-10 socails">
                                <ul>
                                    <li><a href="default.asp">Home</a></li>
                                    <li><a href="news.asp">News</a></li>
                                    <li><a href="contact.asp">Contact</a></li>
                                    <li><a href="about.asp">About</a></li>
                                </ul>
                            </div>
                            <div class="col-md-1"></div>
                        </div>
                    </div>
                    <div class="middlefooter">
                        <div class="row BKoodakBold">
                            <div class="col-md-3">
                                <h1 class="footerTitle">واحد امور مالی</h1>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                            </div>
                            <div class="col-md-3">
                                <h1 class="footerTitle">واحد امور مالی</h1>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                            </div>
                            <div class="col-md-3">
                                <h1 class="footerTitle">واحد امور مالی</h1>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                            </div>
                            <div class="col-md-3">
                                <h1 class="footerTitle">واحد امور مالی</h1>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                                <a class="footerPara">پیگیری سفارش</a></br>
                            </div>
                        </div>
                    </div>
                    <div class="bottomfooter">
                        <div class="row">
                            <div class="col-md-1"></div>
                            <div class="col-md-10 socails">
                                <ul>
                                    <li><a href="default.asp">Home</a></li>
                                    <li><a href="news.asp">News</a></li>
                                    <li><a href="contact.asp">Contact</a></li>
                                    <li><a href="about.asp">About</a></li>
                                </ul>
                            </div>
                            <div class="col-md-1"></div>
                        </div>
                    </div>
                </div>
            </div>

那么我做错了什么？为什么显示不正确

并非我的页脚位于id为

content

的

div

中，设置如下：

#content{
background-color:black;
width:100%;
position:absolute;
top:550px;
background:#ebebeb;
height:3800px;
overflow:hidden;

---

}您不需要指定

内容的高度。尝试将
height:3800px
更改为
height:auto
看看是否有效

问题是，当您使用
overflow:hidden
指定高度时，内容的空间有限，额外的内容将被隐藏

另外，您的
#内容
有重复的背景色，您可能只需要这两种
背景色中的一种：黑色
和
背景：#ebebebeb
很可能就是这个
顶部：550px-虽然有比绝对定位更好的方式来设置页脚样式和维护页脚，但为什么要对内容使用绝对定位？很可能你不需要这样做。让您的内容决定页面高度。
#content{
background-color:black;
width:100%;
position:absolute;
top:550px;
background:#ebebeb;
height:3800px;
overflow:hidden;