Html 页脚显示在节的旁边，而不是下面

以下是网站的外观：

但是，底部部分彼此相邻，而不是在下面。代码如下： （HTML）

（CSS）

---

您需要清理类页脚的填充底部

.footer {
    border-top: 1px solid #dbdbdb;
    background-color: #f3f3f3;
    padding: 20px 0px 80px;
    padding-bottom: 0px;
}

---

我希望它能对你有所帮助。

只是一些调整！这是我的

.container{
最大宽度：928px；
位置：相对位置；
显示：块；
！重要
}
h1，
h2，
P
a{
字体系列：“Helvetica Neue Thin”，“HelveticaNeue Thin”，“Helvetica Neue”，Helvetica，arial，“lucida grande”，无衬线；
}
h1{
字体大小：64px；
字号：100；
边缘底部：20px；
}
a{
字号：18px；
字号：200；
}
.btn:链接{
背景色：rgba（238,68,95,0.9）；
颜色：白色；
文字装饰：无；
}
a:主动的{
背景色：rgba（238,68,95,0.9）；
颜色：白色；
文字装饰：无；
}
a:悬停{
背景色：rgba（238,68,95,0.9）；
颜色：白色；
文字装饰：无；
}
a:参观了{
背景色：rgba（238,68,95,0.9）；
颜色：白色；
文字装饰：无；
}
#主要{
背景：url（“https://s3.amazonaws.com/codecademy-content/projects/shutterbugg/intro.jpg）无重复中心；
背景尺寸：封面；
高度：550px；
}
.main p{
字号：26px；
字号：200；
边缘底部：40px；
}
第三节，世界其他地区{
填充顶部：50px；
填充底部：50px；
边框底部：1px实心#dbdb；
}
.第h2节{
字体大小：50px；
}
.商店{
文本对齐：居中；
边框底部：0px；
填充底部：0px
}
页脚{
位置：相对位置；
显示：块！重要；
边框顶部：1px实心#dbdb；
背景色：#F3；
填充：20px 0px 80px；
}
.页脚ul{
列表样式类型：无；
左侧填充：0；
}
李先生{
颜色：#999；
字号：600；
}
@介质（最大宽度：500px）{
.col-md-6 img{
填充：50px；
宽度：100%；
}
}

标题
段落文本

标题
段落

标题
文本文本文本文本文本

标题
文本文本文本

适用于iPhone、iPad和Android。
单位

事业
条件
帮助

产品

百叶窗
扬声器

新闻

博客
推特
脸谱网
Myspace

您需要将每个col-md-4 div放在自己的row div中，并将其更改为col-md-12。尝试了这个方法，但它看起来仍然不对劲。jsfiddle.net是免费的，是一种非常方便的向我们展示代码的方法！你能解释一下你改变了什么吗？我把你的div id=footer和section放在and标记中，然后你丢失了end标记，把它改成display:block。它们是主要的东西，并增加了位置：是的，你能说哪些末端标签丢失了吗？id=footer是否会改变结果？