我的页脚去了哪里-英雄云拓展知识分享

我已用Bootstrap制作了一个网站，现在我面对的问题是我刚刚创建的页脚完全没有出现！

这是页脚HTML代码：

<div class="footer">
<div class="container-fluid">
<div class="topfooter">
<div class="row">
<div class="col-md⑴"></div>
<div class="col-md⑴0 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⑴"></div>
</div>
</div>
<div class="middlefooter">
<div class="row BKoodakBold">
<div class="col-md⑶">
<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⑶">
<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⑶">
<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⑶">
<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⑴"></div>
<div class="col-md⑴0 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⑴"></div>
</div>
</div>
</div>
</div>

我得到的结果是：

打印屏幕

因此，这种情况下，如您所见，它没法正确显示！这也是该页脚的CSS：

    .footer{
height:400px;
background-color:black;
}
.socials{
}
.socials ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.socials ul li {
display: inline;
text-decoration:none;
}
.footerTitle{
font-size:20px;
}
.footerPara{
padding-right:3px;
}
.footerPara, .footerTitle{
text-align:right;
color:#fff;
}

那我做错了甚么？为何它看起来不正确？

其实不是说我的页脚在 div 带有ID content 使用此设置：

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

}