Html 在行中包含列

我已经创建了三列，我想将它们包含在一行中，然后将其包含在一个节中

由于某些原因，这三列不能正确地包含行的内部，是否有更好的方法或我在代码中遗漏的东西来纠正这一点

。第1-3列{
宽度：29.666%；
保证金权利：5.5%；
浮动：左；
}
.最后一个孩子{
右边距：0！重要；
}
.科{
宽度：100%；
利润率：40px0；
填充：40px0；
位置：相对位置；
}
.行{
宽度：80%；
最大宽度：1080px；
最小宽度：414px；
保证金：自动；
}
.邮政{
宽度：100%；
高度：自动；
位置：相对位置；
背景：#000；
填充：50px；
}
.录像带{
背景：#000；
高度：300px；
宽度：100%
}

---

添加

显示：flex，并从
列-1-3
中删除
float
属性：


。第1-3列{
宽度：30%；
}
.科{
宽度：100%；
利润率：40px0；
填充：40px0；
位置：相对位置；
}
.行{
显示器：flex；
宽度：80%；
最大宽度：1080px；
最小宽度：414px；
保证金：自动；
证明内容：之间的空间；
}
.邮政{
宽度：100%；
高度：自动；
位置：相对位置；
背景：#000；
填充：50px；
}
.录像带{
背景：#000；
高度：300px；
宽度：100%
}

您面临的问题到底是什么？代码工作正常。您需要什么帮助？您需要在容器上应用浮动清除，这就是容器高度为0的原因。最近，您将放弃浮动，并发现许多有用的显示：flexbox，而不是使用奇数边距值感谢您的建议。您也不需要使用flex设置边距。只需保持30%的列宽，并使用justify content:space-between；在rowPerfect上，节省了我很多时间。再次感谢。