AjaxControlToolkit 16.1 TabContainer CSSが機能しない/破損している

Question

TabContainerでAjax Control Toolkit ver 15を使用していて、CSSを使用していて問題なく使用していました。

しかし、一度バージョン16.1にアップグレードすると、TabContainer CSSが壊れています。 TabContainerのコンテンツは、タブの右側に向かって下の画像として表示されます。

Answer 1

はずっと検索した後に、解決策を見つけました。しかし、まだstackoverflowで共有されていないので、私はここでそれを共有しています。元の回答はHERE

です。将来的にリンクが壊れている場合の対処方法をここで共有します。

以下のCSSをタブCSSファイルに追加しました。その後

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

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

、あなたのヘッダーのスタイルの中にも、独自のクラス名に.TABを変更するために必要だ

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

注意を以下の「表示」を追加します。

結果は正常に戻ります。