テーブルのインラインCSSの幅をオーバーライド

Question

私は静的な幅がインラインCSSで設定されたテーブルを持っています。

<table style="width:700px;"></table> 

私はマークアップを制御することができません。そのテーブルに幅100％を与えるためにCSSを使用したいと思います。 1つの解決策は、 "display：block"を使用して表がオーバーフローするのを防ぐことですが、表のセルは内容のサイズに崩壊します。これは可能ですか？

Here's a JSFiddle to illustrate the problem.

私はこのような多くの質問ではなく、この特定の問題が発生しました。ここでは、彼らは他の人に役立つしている場合には、いくつかの類似したSOの質問は以下のとおりです。

CSS width and max-width combined

CSS: table {width:100%; display:block;} not working in Firefox

Answer 1

使用CSS's !important declaration

table{ 
    width:100% !important; 
} 

Answer 2

あなたは私のカスタムスタイルがあると言うスタイルをしなければなりません「デフォルト」スタイルよりも重要です。

これを行うには、!important句を使用する必要があります。

table{ width: 100% !important; }

以上何をしたいあなたを与える必要があります。