检测浮点数溢出

Question

我怎样才能检测到这些浮点数的溢出？

无论设置为可见还是隐藏，您都会看到不同之处。

overflow: visible;
overflow: hidden;

不是所有的浮动都包含溢出吗？

为什么我检测不到？

在这段代码中，我无法检测到溢出的位置。

有什么方法可以让我直观地看到它在哪里？

https://jsfiddle.net/8ad6yhek/

.container {
  width: 936px;
  padding: 25px;
  margin: 100px auto;
  border-radius: 25px;
  border: 2px solid #0059dd;
  background: #000000;
}

.container-top {
  position: relative;
  height: 310px;
  margin: 0 0 45px 0;
  border-radius: 25px;
  border: 3px solid #0059dd;
  box-sizing: border-box;
  background: url("") no-repeat 0 0;
  background-size: cover;   
}

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

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

Answer 1

我见过你fiddle，第一件事是当你使用float时属性你需要清除它们否则它会溢出。要清除浮动，您可以使用以下代码：

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

并且您需要在浮动容器的父级上添加此 clearfix class，在您的情况下，容器顶部将有另一个 class 即 clearfix。

检测浮点数溢出

Detecting overflow on floats

css

overflow

css-float