Html 两个内联div是否需要有浮点数？

我有两个子div，每个子div在父div内部以50%的比例内联。我在父div上使用

：after

在其下方绘制一个

hr

，上下边距为15px

除非我将其中一个子div向左或向右浮动，

hr

将不会位于父div下。如果两个都浮动，则<代码> HR 呈现在父div /p>中的某个地方。 我将left-child-div浮动到left，它渲染得很好，但是提示我问：我不需要同时浮动两个child-div吗？或者，浮动两个child-div是否可以接受，或者更正确

编辑：

请注意小提琴是如何将

hr

几乎显示在父

.double

div的顶部的

.single，
.加倍{
浮动：左；
宽度：100%
}
.单身：之后，
.double:之后{
内容：“；
利润率：15px0；
背景色：#FFFFFF；
边框底部：1px实心#E2；
框大小：内容框；
显示：块；
高度：1px；
}
.双人间，左小号{
宽度：49%；
浮动：左；
显示：内联块；
右侧填充：15px；
右边框：1px实心#e2；
垂直对齐：顶部；
}
.双人，小号，对吗{
宽度：42%；
浮动：对；
边界：无；
显示：内联块；
左侧填充：15px；
垂直对齐：顶部；
}
试验
试验

我不明白这就是你想要实现的目标吗

---

我相信你不需要使用：：after就可以实现你所追求的目标

但是，使用该方法的修复方法只是简单地添加clear：两者，以便它包装在该类的其他内容下面。您可能也不需要高度：1px

.single:after,
.double:after {
Content:"";
clear:both;
border-bottom:1px solid #E2E2E2;
box-sizing:content-box;
display:block;

}

---

您能在问题中包含您当前的代码吗？此外，在一个帮助中提供它。当然，马克。我再加一把小提琴。

.small-left,
.small-right {
    width:48%;
    float:left;
    padding:0 1%;
    border-bottom:1px solid #ccc;
}

.small-left {
    border-right: 1px solid #ccc;
    margin-left:-1px;
}

.single:after,
.double:after {
Content:"";
clear:both;
border-bottom:1px solid #E2E2E2;
box-sizing:content-box;
display:block;

}