在EXT JS 4中添加TAB InfoBubble

Question

我在EXT JS中遇到问题，当添加infobubble标签时，标签变为垂直对齐，我想成为原始的水平对齐，我认为是EXT JS CSS问题，有什么想法修改它？

This is the example

http://jsfiddle.net/anthor/vgxaV/3/

这是原始的Infobubble

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html

Answer 1

这个小提琴适用于chrome：http://jsfiddle.net/ach7N/6/

问题在于以下extjs css规则：

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

我将reset-box-sizing类添加到您的中心面板和以下css：

.x-border-box .reset-box-sizing * {
    box-sizing: content-box;
}