如何阻止div移出父div

Question

我已经读过以前的答案，关于如何阻止div与包装和父母divs一起移动，但我在这件事上没有运气。我有5个图像，每个图像都在自己的div中，都在父div中。当浏览器的宽度缩短时，图像会在彼此之下。

HTML：                                                                                                              图片描述             图片描述             图片描述             图片描述             图片描述                  

CSS：

#mid {
 min-width: 1080px;
 height: 350px;
 background-color: #a3a3a3;
 text-align: center;
 letter-spacing: 25px; 
}

.imagebox {
 display: inline-block;
 height: 180px;
 width: 300px;
 border: 2px solid #42a7f0;
 margin-top: 30px;
}

.image-inbox {
 max-width: 100%;
 max-height: 100%;
 width: 100%;
 height: 100%;
}

.image-inbox:hover {
  opacity: 0.6;
 }

#mid1 {
 height: 220px;
 min-width: 1080px;
}

.description {
 display: inline-block;
 height: 100px;
 width: 300px;
 margin-top: 5px;
 text-align: left;
 letter-spacing: 2px;
 color: #005fa3;
 font-family: sans-serif;
 margin-left: 5px;
}