为什么我要查看两个盒子？

Question

我有这段代码：http://jsfiddle.net/B7usj/

当我将鼠标移动到“12 szt。”，“6 szt”时，应该只有一个包含信息的框。或“zobaczszczegóły”，但有两个盒子。我不知道，为什么。

CSS：

#sztuki {
   width: 100%;
   height: auto;
   min-height: 16px;
   position: relative;
   float: left;
   margin-left: 5%;
   margin-right: 5%;
   bottom: 116px;
}

Answer 1

这是因为你在包含a href="index.html">Zobacz szczegóły</a> >

的div中有一个额外的div

首先，你应该尝试使用id和类来完成这些事情。

不花太多时间在你的代码上因为它是一团糟，试着从使用它开始修复：

<div><a href="index.html">Zobacz szczegóły</a> >

                <div>
                    6 szt.
                  <span>
                     Donec consectet
                     <span>
                        Guad sed sem auris non turpis
                     </span>
                  </span>
                      </div>

            </div>

只会显示一个框，但跨度会显示文本视觉错误。