Javascript ExtJS 4-添加底部工具栏后的额外边框

我有一个ExtJS4应用程序，它的布局相当复杂，由两个嵌套面板组成，每个面板的布局类型为

border

。当我在其中一个面板上添加底部工具栏时，我想不出如何消除存在的“双边框”

有关示例，请参见此处的JSFIDLE：

我只是想弄清楚如何使“按钮”上方的边框看起来正确。任何帮助都将不胜感激，谢谢

编辑-我使用的解决方案：

---

我认为这比下面Akatum的解决方案要干净一点，当南部地区变得可折叠时，边界也保持干净的外观。

这个解决方案是一个相当不错的技巧，但它是有效的。您可以将南部边界区域的

border

属性设置为

false

，然后使用

style

属性定义其右、左和上边界：

{
    region: 'south',              
    border: false,
    style: {
      borderRight: '1px solid #99BCE8',
      borderLeft: '1px solid #99BCE8',
      borderTop: '1px solid #99BCE8'
    },
    split: true,
    height: '25%'                
}

---

编辑的小提琴在这里：

为那些可能偶然发现这里的人。我发现使用bodyBorder配置的方法稍微好一点

region: 'center',
border: false,
bodyBorder: false, 

---

谢谢！我并没有确切地使用它，但它确实让我找到了最终采用的解决方案。请参阅原始帖子中的我的解决方案