【问题标题】:CSS overflow help needed - For jquery collpase需要 CSS 溢出帮助 - 对于 jquery 折叠
【发布时间】:2012-02-10 10:04:36
【问题描述】:

我正在使用 twitter 引导程序。它有折叠模块。 我就是这样用的。

<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 的一半圆圈移到collapsediv 之外。 默认情况下,bootstrap 为 collapsediv 应用 overflow:hidden 属性。

我尝试为 collpasediv 和 circlecount 应用 overflow:visible。但是崩溃不能正常工作。谁能帮我解决它?谢谢

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

谢谢

【问题讨论】:

    标签: css overflow hidden twitter-bootstrap collapse


    【解决方案1】:

    在 twitter 引导程序的样式表中有以下声明:

    .collapse.in { height: auto; }
    

    像这样添加:

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

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

    .collapse.in { overflow: visible; }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-01-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多