Html 将边框底部添加到div

我有一个图标和一些文字环绕着一个名为content_item的div，但当我尝试在5个项目中添加边框时，它无法正常工作，所有边框都被压扁在顶部。我做这件事是为了5个剧组共用同一个班级，所有的边界都挤在一起

CSS代码：

.content_item {
 color: rgb(44, 103, 181);
 border-bottom: solid red;
}

HTML代码：

                <div class="content_item">
                    <div class="content_icon"><i class="ss-icon">doc</i></div>
                    <div class="content_text">
                        <p>How to Retain Good Employees</p>
                        <p><em>1 day ago</em></p>
                    </div>
                </div>

---

我假设您使用的是float，那么为什么不使用overflow：隐藏在父元素上，这将解决您的问题。也可以使用clearfix方法

---

查看以获得更清晰的图片。

是否浮动div？您可能需要clearfix解决方案是的，这看起来像是clearfix情况我正在浮动div。如何添加clearfix以使其适用于所有？@stack\u newbie23我假设您使用的是float，那么为什么不使用overflow:hidden on parent元素，这将解决您的问题。查看演示@KheemaPandey成功了！你怎么知道我需要这么做？什么信号告诉你这就是你需要做的？我在其他地方也用过彩车，没什么问题