Is there a way to identify overflow on floating elements?
It's important to note the difference between setting overflow to visible or hidden.
overflow: visible;
overflow: hidden;
Do all floated elements inherently contain overflow?
Why is it challenging to detect overflow in this scenario?
In this code snippet, identifying overflow is proving difficult.
Is there a visual method to pinpoint the overflow location?
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;
}