css向下滑动的活动链接

问题描述：

我的CSS代码有一个问题。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; 
    }

答

移动从img_tb内slider-control-nav部，并把它的上方。

增加.container的宽度不会强制图像低于

css向下滑动的活动链接

相关推荐