将两个浮点数推到一个 div 中答案

【问题标题】：Pushing two floats together inside a div将两个浮点数推到一个 div 中
【发布时间】：2019-12-20 10:46:30
【问题描述】：

这就是将两个浮点数推到一起的写法吗？

.container-top {
  position: relative;
  height: 310px;
  padding: 0 20px;
}

.container-left-video {
  margin: 0;
  float: left;
}

.container-right-video {
  float: right;
}

Margin 也可以在这里使用。

https://jsfiddle.net/jc90fpzw/2/

.container-left-video {
  float: left;
  margin-left:20px;
}

.container-right-video {
  float: right;
  margin-right:20px;
}

【问题讨论】：

标签： css css-float margin padding

【解决方案1】：

是的，在一个父容器中浮动两个容器是正确的方法，但是当您使用浮动时，您需要清除它们，否则它会溢出并破坏您的设计。您可以在容器顶部添加这个 clearfix 类，因为它是浮动的 div 的父级。

.clearfix::after {
   display: block;
   content: "";
    clear: both;
}

【讨论】：