div之间的空格和禁用悬停动画

Question

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

它差不多完成但我需要删除 .circle_sub 之间的空格，因为 .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 ......