调整窗口大小和更改位置时，图像扩展到div之外

是由于CSS中的布局问题导致的。当窗口大小改变时，div的大小可能无法自动调整以适应新的窗口大小，从而导致图像超出div的边界。

为了解决这个问题，可以采取以下几种方法：

1. 使用响应式布局：使用CSS的媒体查询（media query）来根据不同的窗口大小应用不同的样式。通过设置合适的CSS规则，可以使图像在不同窗口大小下自动适应div的大小。
2. 使用CSS的盒模型：确保div的盒模型属性（如padding、border）被正确设置，以避免图像超出div的边界。可以使用CSS的box-sizing属性来控制盒模型的计算方式。
3. 使用CSS的overflow属性：通过设置div的overflow属性为"hidden"或"auto"，可以控制div内部内容的溢出行为。当图像超出div边界时，可以通过设置overflow属性来隐藏溢出部分或显示滚动条。
4. 使用JavaScript进行动态调整：可以使用JavaScript监听窗口大小改变事件，并在事件触发时动态调整div的大小，以确保图像不会超出div的边界。

总结起来，调整窗口大小和更改位置时，图像扩展到div之外的问题可以通过合适的CSS布局和属性设置来解决。具体的解决方法需要根据具体的页面结构和需求来确定。