需要 CSS 溢出帮助 - 对于 jquery collpase

发布于 2025-01-04 09:09:42 字数 709 浏览 5 评论 0原文

我正在使用 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 的半个圆移到崩溃div之外。默认情况下，bootstrap 会为 Collapsediv 应用 overflow:hidden 属性。

我尝试对 collpasediv 和 Circlecount 应用 overflow:visible 。但崩溃不能正常工作。谁能帮我解决它吗？谢谢

PS：Circlecount div 只是显示带有一些圆圈背景图像的数字。我想要 collpasediv 外面的圆圈的一半和崩溃div 里面的圆圈的一半。

谢谢

原文

I'm using twitter bootstrap. It has collapse module.
I'm using it like this.

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

This is the collpasediv

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

I would like to move half of the circle of circlecount outside the collapsediv.
By default bootstrap applies overflow:hidden attribute for collapsediv.

I tried by applying overflow:visible for both collpasediv and circlecount. But collapse not working properly. Can anyone help me to fix it? Thanks

PS: Circlecount div is just to display numbers with some circled background image. I want the half of the circle outside collpasediv and half of the circle inside collapsediv.

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

橘寄 2025-01-11 09:09:42

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

.collapse.in { height: auto; }

像这样添加到它：

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

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

.collapse.in { overflow: visible; }

In the stylesheet for the twitter bootstrap there is the following declaration:

.collapse.in { height: auto; }

Add to it like this:

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

Or overload it by adding a new declaration like this (leave the other declaration untouched in the bootstrap - this makes updating in the future easier):