css - 将两个浮点数推到一个 div 中

Question

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

https://jsfiddle.net/ocjs81Lf/5/

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

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

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

保证金也可以在这里工作。

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

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

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

标签： csscss-floatmarginpadding

Answer 1

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

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