为什么这些img不计入父div？

Question

底部的图像不计入所有类的overflow：hidden属性中。它们溢出并且定位非常困难，因为所有div的边界不会跟随图像。

.all{
width:1200px;
margin:auto;
border:5px solid #404040;
overflow:hidden;
}

#reviewI1 {
width:500px;
position:absolute;
top:415px;
left:1010px;
border: 3px solid #fedd58;
}

#reviewI2 {
width:500px;
position:absolute;
top:710px;
left:1010px;
border: 3px solid #fedd58;
}

#steam2 {
width:100px;
left:1210px;
position:absolute;
top:1010px;
}

CSS：

execute()

Answer 1

您需要为.all类添加一个高度，例如身高：400px;

Answer 2

您的图片位于absolute位置，这意味着他们在DOM流程之外。 因此overflow属性在这种情况下不适用。您需要删除绝对位置才能使用它：

#reviewI1 {
  width:500px;
  top:415px;
  border: 3px solid #fedd58;
}

See this fiddle

Answer 3

删除＆＃34;位置：绝对＆＃34;从图像＆＃39;样式。