javascript - css:缩小图像在右侧留下宽的白色边距

Question

更新:问题出在 javascript 中。见下方评论

我的网站 ( Link ) 在菜单下方有 6 个滑动图像。我想将这些图像的大小从 600 x 300 缩小到 400 x 200。但是，缩小会在右侧留下较宽的白边距 ( see the developing version )。在 css 文件中，我查看了所有 ul#images 代码(见下文)，但无法弄清楚如何删除白边。感谢您的输入:

/* Image Transitions */
ul#images {
  margin: 0 15px 10px 0;
  padding: 0;
  list-style: none;
  position: relative;
}

ul#images li {
  display: block;
  overflow: hidden;
  padding: 0;
  float: left;
  width: 155px;  <!-- ?the portion shown initially-->
  height: 300px; <!-- -->
}

Answer 1

问题不在你的 css 中，它在 javascript 中，它在鼠标悬停时将其他图片设置为 66px 宽, 增大此宽度以填充空白区域。

发布您的javascript，我很乐意为您修复它。