AjaxControlToolkit 16.1 TabContainer CSS 不是 Working/Breaking

Question

我将 Ajax Control Toolkit ver 15 与 TabContainer 一起使用，并且使用 CSS 没有任何问题。

然而，一旦升级到版本 16.1，TabContainer CSS 就会崩溃。 TabContainer 的内容现在显示在选项卡的右侧，如下图所示。

Answer 1

经过多方查找，找到了解决方案。但是Whosebug中还没有分享，所以我在这里分享。原答案来自HERE

我会在这里分享解决方法，以防 link 将来出现问题。

我所做的是将下面的 CSS 添加到选项卡 CSS 文件中。

.Tab .ajax__tab_header:after {
    clear: both;
}

.Tab .ajax__tab_header:before, .tab .ajax__tab_header:after {
    content: "";
    display: table;
}

之后，将以下 'display' 添加到您的 header 样式中

.Tab.ajax__tab_header{
    display: inline-block;
}

请注意，您需要将 .Tab 更改为您自己的 class 名称。

结果会恢复正常。