需要CSS overflow帮助-用于jquery collpase

Question

我正在使用twitter bootstrap。它有折叠模块。我是这样使用它的。

<a class="dropdown" style="float: right;" href="#collpasediv" data-toggle="collapse"> Collapse </a>

这是collpasediv

<div id="collpasediv" class="collapse in"> 
<div class"circlecount">
1
</div>
<div class"content">
Some text goes here
</div>
</div>

我想把circlecount圆圈的一半移到崩塌的沉淀物之外。默认情况下，bootstrap将overflow:hidden属性应用于崩塌沉淀。

我尝试将overflow:visible应用于collpasediv和circlecount。但是崩溃不能正常工作。有人能帮我修一下吗？谢谢

PS: Circlecount div只是用来显示带圆圈背景图像的数字。我想要collpasediv外面的一半圆圈和collapsediv里面的一半圆圈。

谢谢

Answer 1

在twitter bootstrap的样式表中，有以下声明：

.collapse.in { height: auto; }

像这样添加：

.collapse.in { height: auto; overflow: visible; }

或者通过添加如下所示的新声明来重载它(在引导程序中保留另一个声明不变-这使得将来的更新更容易)：

.collapse.in { overflow: visible; }