Html 制表符打断元素位置

我在这里制作了一个JSFIDLE示例：

html:

问题是，当你们用鼠标点击绿色方块并按TAB键几次时，蓝色方块就会出现并打断元素的位置。如何解决此问题？

将

tabindex=“-1”

添加到您不想使用TAB的锚定中

<div class="slide n2"><a tabindex="-1" href="#">test</a></div>

---

将

tabindex=“-1”

添加到蓝色锚定标签@pedrostrada：这似乎就是答案。你是在写一个完整的答案，还是把它留给别人去做？@pedrostrada Common Pedro！做吧！：）这是正确的答案。我在做，我在做！但是这个案例很有趣，只是不知道就修复是没有乐趣的：D

.wrapper{
    width:500px;
    height:350px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
.slider{
    width:5000px;
    position:absolute;
    left:0;
    top:0;
}
.slide{
    width:500px;
    height: 350px;
    float: left;
}
.slide.n1{
    background-color: green;
}
.slide.n2{
    background-color: blue;
}

<div class="slide n2"><a tabindex="-1" href="#">test</a></div>