.image-container {  
  /* 为div设置一些样式，比如宽度和边距 */  
  width: 100%; /* 或者设置一个具体的宽度值，比如 300px */  
  max-width: 98%; /* 可选：限制div的最大宽度 */  
  margin: 0 auto; /* 水平居中，如果需要的话 */  
  overflow: hidden; /* 防止内容溢出div（虽然在这个例子中可能不是必需的） */  
}  
  
.image-container img {  
  /* 确保图片宽度不超过div的宽度 */  
  max-width: 89%; /* 这是关键 */  
  height: auto; /* 保持图片的宽高比 */  
  display: block; /* 移除图片下方的额外空间（如果有的话） */  
  margin: 0 auto; /* 如果需要，可以水平居中图片 */  
}

.p img {
  width: 80%;
  height: auto; /* 保持图片比例 */
}