我在完整日历上的弹出窗口被剪辑了

Question

我将Bootstrap 2.2 popovers与FullCalendar结合使用，但当它们出现在边缘附近时，会被日历的CSS剪裁-请参阅此处的fiddle：http://jsfiddle.net/nzxyY/6/

日历有几个包含内容的div，但我怀疑这是罪魁祸首：

.fc-view {
   width: 100%;
   overflow: hidden;
 }

有没有一个CSS破解可以让popover避免溢出：FullCalendar对其内容施加的隐藏约束？将popover绑定到内部日历DOM元素（例如滚动）是有好处的，但目前它的缺点是被剪裁。我尝试过将上面的规则更改为溢出：可见，但没有成功。感谢您对此的任何想法。

Answer 1

同样的解决方案可以解决其他问题，但每次的上下文都有太大的不同：

• 使引导程序弹出窗口重叠
• Bootstrap popover被剪裁到包含div的范围

确切的解决方案是升级到上一个2.3.0版本，或者将这个diff（github）应用于jQuery工具提示插件（因为popover继承了工具提示行为）。

然后，您可以使所有popover的行为相同（主要是因为您将popover初始化委派给另一个框架）：

$.fn.popover.defaults.container = 'body';

检查固定的小提琴。

---

或者您可以使用popover by popover选项：

$('.popover').popover({
    container: 'body'
});

Answer 2

您可以使用clearfix而不是使用overflow: hidden。Bootstrap已经包含了一个（作为一个LESS mixin）。

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}