为什么我的图像在较小的屏幕上从我的 div 中分离出来？

Question

所以在我正在创建的网站上，我在 div 顶部有一个波浪型图像，以赋予 div 那种波浪效果。它在桌面屏幕上看起来不错： Desktop Pic 虽然大约 450 像素宽度，图像开始与 div 分离，我不完全确定它为什么这样做，没有底部边距或任何应用于 img 的东西： Mobile Pic

如果有人知道解决方案，那会很有帮助。谢谢！

另外，这是我对这些图像应用的仅有的两种 CSS 样式。尺寸为 1000 宽 x 44 高

width: 100%;
height:auto; 

Answer 1

尝试在屏幕大小为 450px 时赋予 div 的 margin-top。

div{
     margin-top:-20px;
}