需要CSS溢出帮助 - 对于jquery崩溃

时间:2012-02-10 01:43:02

标签: css overflow hidden twitter-bootstrap collapse

我正在使用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为collapsediv应用overflow:hidden属性。

我尝试将overflow:visible用于collpasediv和circlecount。但崩溃不能正常工作。任何人都可以帮我修复它吗?谢谢

PS:Circlecount div只是用一些带圆圈的背景图像显示数字。我希望将一半圆圈放在collpasediv之外,将圆圈的一半放在内部。

谢谢

1 个答案:

答案 0 :(得分:1)

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

.collapse.in { height: auto; }

像这样添加:

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

或者通过添加这样的新声明来重载它(在引导程序中保持其他声明不变 - 这使得将来更新更容易):

.collapse.in { overflow: visible; }