Space 在 div 和禁用悬停动画之间

Question

我正在尝试用 Yii 编写自己的圈子菜单，例如 Google 收件箱。

快完成了，但我需要删除 .circle_sub 之间的 space 因为 .circle_title.

 <div id="circle_area">
     <div class="circle_main">MAIN</div>
     <div class="circle_sub"> SUB</div>
     <div class="circle_title">HINT</div>
     <div class="circle_sub"> SUB</div>
     <div class="circle_title">HINT</div>
</div>

所有代码 css here.

Answer 1

您应该为子菜单的每个元素创建一个容器，并将 position: relative; 设置为它，将 position: absolute; 设置为 .circle_title。

JSFiddle 上的示例：http://jsfiddle.net/n2gknokL/

我也相应地更新了 JS...

Space 在 div 和禁用悬停动画之间

Space between divs and disable hover animation

javascript

jquery

html

css

jquery-animate