我需要我的列表项元素在适当的位置反弹,而又不会彼此掉落.
我创建了一个JSFiddle,代表我的意思：http://jsfiddle.net/RGvjj/
有人可以建议我为什么元素要这样做以及我需要做什么来解决吗？
最佳答案
尝试从< li>中删除嵌入式显示.并改用float：left.
原文链接：https://www.f2er.com/css/530804.html试用：http://jsfiddle.net/RGvjj/1/
#navigation li {
font-size: 20px;
margin-left: 10px;
padding-left: 10px;
border-left: 3px solid #1161A5;
color: #ffffdd;
text-decoration: none;
float:left;
}
编辑：解释一下,我猜这是因为发生了,因为当您为一个元素设置动画时,jQuery将显示更改为阻止.因此,您最终无法使用内联元素(< li>)内的block元素(< a>).
通过使用float：left,< li>保留其块显示,使其对于< a>有效.被封锁.
