html - 悬停样式 CSS

Question

尝试让我创建的一些悬停框的样式正常工作，但不太顺利...

我的总体想法有点落伍了……当你将鼠标悬停在元素上时，右侧的元素变得可见等等……我一直遇到的最大问题之一，包括这个元素，是有宽度为 100% 的元素，以便所有行的大小都相同......但我不能在这里工作，所以我必须手动将所有内容放在适当的位置(即左 500px 等)

另一件事一直给我带来一个问题，对于显示零件号的最终悬停，我无法让它出现在相应产品的右侧(它曾经全部出现在一行上), 但我不得不相对定位它，然后改变定位，所以现在当我将鼠标悬停在产品上时，每行之间都有一个空间...

这是我的 fiddle ...任何帮助将不胜感激 http://jsfiddle.net/H9CTe/1/

这可能是我们需要使用的行，但我可能完全错了

#ipc_cases ul li ul li ul li ul {
     position: relative;
     top:-18px;
     left: 500px;
}

Answer 1

尝试使用重置 [1] .

简单地检查规范化CSS [2] Fiddle Options 中的框解决了这个问题。

http://jsfiddle.net/H9CTe/2/

(会更新)