html - 带有css的事件链接向下滑动

Question

我的 CSS 代码有一个问题。

问题是事件链接向下滑动。

这是我的 DEMO来自 codepen 的页面链接。

如果您查看我的DEMO 页面，您会看到蓝色边框颜色的事件链接。我希望链接出现在所有图像上。但是现在5、6、7号图片事件链接蓝色边框滑下来了。我可以在这里做什么任何人都可以帮助我吗？

.slider-control-nav a {
    display: inline-block;
    width: 96px;
    height: 71px;
    float:left;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    text-indent: -9999px;
    margin-left:16px;
    margin-top:5px;


}
.slider-control-nav a.active { 
  border:2px solid #3978f5; 
  opacity:1; 
  box-shadow:inset 0px 0px 10px 3px #777777;
  -moz-box-shadow:inset 0px 0px 10px 3px #777777;
  -webkit-box-shadow:inset 0px 0px 10px 3px #777777;
  width: 97px;
  height: 72px;

}
.imgtmb img {
    width:97px;
    height:auto;
    border-radius:3px;
    -webkit-border-radis:3px;
    -o-border-radius:3px;
    -moz-border-radius:3px;
    }
.imgtmb {
    float: left;
width: 97px;
height: 72px;
margin-left: 16px;
margin-top: 6px;
    }

Answer 1

将 slider-control-nav 部分从 img_tb 中移到上面。

增加.container的宽度不强制显示下面的图片