1

我将这个库用于甘特图：

http://www.bryntum.com/examples/gantt-latest/examples/basic/basic.html

当我将其实现为 JIRA 报告时，JIRA 中的左侧栏移到中间。

图片仅供参考。

我研究并发现问题出在甘特库 CSS 文件中：

http://cdn.sencha.io/ext-4.1.0-gpl/resources/css/ext-all.css

不要试图理解它，美化代码后有10000行。但调试后我找到了解决方案。删除此代码时，JIRA 左栏向左移动，一切看起来都很好：

.x-border-box,.x-border-box * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

除了：

在此处输入图像描述图片仅供参考。

页脚移动到甘特图的顶部。所以有第二个选项更好，但我仍然更喜欢把我的页脚放在下面。

我尝试更改 CSS 值，但无法产生任何其他结果，除了屏幕截图中显示的这两个。

总而言之，我如何让页脚向下和 JIRA 栏向左。

4

1 回答 1

1

问题是 Ext JS CSS 在页面上是全局的，与其他元素冲突。这篇文章可能会有所帮助，并有助于将 CSS 的“范围”设置为页面上的任何元素——比如你的甘特图容器 div 等。

如何使用 scopeResetCSS 属性设置重置 CSS 的范围，以便将其应用于 Ext 组件？

利用：

Ext = {buildSettings: {scopeResetCSS: true}};

连同 ext-all-scoped.css。应该这样做。

于 2012-07-01T11:10:31.547 回答