Javascript HTML/CSS内容持有者

我目前正在构建一个内容持有者，它将用于我们拥有的新文章/新闻

但我面临一个问题，内容的底部在

之外

这就是它目前的样子：

因此，正如您在底部看到的，阅读更多和社交图标已从主

中脱落

我想这可能与我的

CSS

的这一部分有关，但我一直无法弄清楚它为什么会掉出来

.timeline-item {
    background: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    padding: 12px;
    margin: 0 auto;
    max-width: 672px;
    min-height: 200px;
}

请在下面找到我的

CSS

和

html

代码：

。时间线项目{
背景：#fff；
边框：1px实心；
边框颜色：#e5e6e9#dfe0e4#d0d1d5；
边界半径：3px；
填充：12px；
保证金：0自动；
最大宽度：672px；
最小高度：200px；
}
.blog经典分享a{
显示：内联块；
边缘顶部：14px；
字体大小：11px；
颜色：#ff0a60；
}
.标签标题栏{
字号：700；
颜色：#333；
字体大小：13px；
左侧填充：5px；
}
.共享包装{
高度：50px；
溢出：隐藏；
}
.共享包装器.共享工具{
垫顶：2件；
}
.分享工具{
浮动：左；
颜色：#D6；
字体大小：12px；
}
.共享工具i{
字体大小：13px；
}
.分享工具ul li：第一个孩子{
左侧填充：20px；
}
.分享工具ul li：之后{
内容：“|”；
左侧填充：20px；
右边填充：20px；
}
.共享工具ul li:最后一个孩子：之后{
显示：无；
}
.分享工具ul li：之前{
显示：无；
}
.帖子内容{
填充：0 25px；
文本对齐：对齐；
边缘顶部：30px；
-ms word wrap：断开单词；
单词包装：打断单词；
}
.post content p{
填充：10px0；
}
.发布内容博客{
边框底部：实心1px#e8e8e8；
填充底部：30px；
}
.形象{
最大宽度：100%；
最大高度：100%；
}
.按钮{
背景色：#555555；
边界：无；
颜色：白色；
填充：10px 20px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
}
.clearfix:之后{
内容：“；
可见性：隐藏；
显示：块；
身高：0；
明确：两者皆有；
}

这是一个测试标题
通过




知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

在带有模具按钮的部分之后，您必须添加：

<div class="clearfix"></div> 

---

取消浮动，按钮将留在div内。

在

时间线项目

容器中添加一类

clearfix

，以防止浮动的

左拉

子对象流出。

我相信这是由于按钮和链接具有

左拉

和

右拉

我认为在它们上面使用了CSS

float

属性。这将使它的行为有所不同。您可以在外部div上放置一个

向左拉

来修复它，但这可能会产生其他影响。。