当包含左边界和右边界时，图像不会在给定位置显示

是因为图像的显示区域超出了屏幕的可视范围。这种情况通常发生在图像的宽度超过了屏幕宽度的情况下。

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

1. 图像缩放：将图像的尺寸缩小，使其适应屏幕的可视范围。这可以通过前端开发中的CSS属性来实现，例如使用max-width属性限制图像的最大宽度。
2. 图像裁剪：如果图像的重要内容位于超出屏幕范围的部分，可以考虑对图像进行裁剪，只显示感兴趣的部分。这可以通过前端开发中的CSS属性和裁剪工具来实现。
3. 响应式设计：使用响应式设计的原则来调整图像的显示方式，使其在不同屏幕尺寸下都能够完整显示。这可以通过前端开发中的媒体查询和自适应布局来实现。
4. 滚动条：如果图像的宽度超过屏幕宽度，可以在水平方向上添加滚动条，使用户能够通过滚动查看完整的图像。这可以通过前端开发中的CSS属性和滚动条组件来实现。

腾讯云相关产品推荐：

• 腾讯云对象存储（COS）：提供高可靠、低成本的云存储服务，可用于存储和管理图像文件。详情请参考：腾讯云对象存储（COS）
• 腾讯云内容分发网络（CDN）：加速图像的传输和分发，提高用户访问图像的速度和体验。详情请参考：腾讯云内容分发网络（CDN）

请注意，以上推荐的产品和链接仅为示例，其他云计算品牌商也提供类似的产品和服务。