负边距覆盖链接

Question

所以我在页面上的元素有一些负边距但是当应用负边距时，浏览器似乎在我需要的内容上呈现一个空白框并覆盖页面上的其他链接。

我在这里设置了一个测试，你可以看到。步骤下的所有按钮都应处于活动状态。

http://jsfiddle.net/xXsB8/1/

.stepInfo_left {
float:left;
margin-left: -100%;
display:none;
}
.stepLabel_left {
float: right;
/* the thing that changed */
margin-right:20px; 
}

此外，如果有人能够帮助我将标签下左侧的步骤下的链接更好地对齐，那也将非常受欢迎！

Answer 1

步骤容器是造成问题的原因，这里它们带有红色轮廓： http://jsfiddle.net/5C3V5/

你可以看到它们与按钮重叠。你可以给他们一个height:0;以避免这个问题。

Answer 2

那是因为#step20被放置over the other "steps"。

您的元素定位完全关闭。 @Jan Drewniak建议解决这个问题，但你应该考虑从头开始重写页面的逻辑和位置，否则你将在（近）未来遇到更多问题。