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

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

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

您需要在float容器的父级上添加此clearfix类，在这种情况下，容器顶部将具有另一个类，即clearfix。

检测浮标上的溢出

1 个答案: