htmlテーブルの最初の列の幅がピクセルの幅に合っていない

Question

次の列サイズ設定のテーブルがあります。最初の2つは固定され、最後の2つは残りのスペースを占めるように設定されます。ただし、最初のthはではなく、のwidth属性（ピクセル単位で設定されている）を基準にしています。 ％で設定すると、適切な幅が表示されます。私はそれに矛盾するスタイルも見つけられなかったので、私には奇妙に見えます。私はさらに "User"カラムの前にカラムを追加しようとしました。その場合、ユーザは指定された通りに適切なスペースを得て、新しいカラムが広がります。

<table width="100%"> 
    <thead> 
     <tr> 
      <th width="100">User</th> 
      <th width="150">Date</th> 
      <th width="">Note</th> 
     </tr> 
    </thead> 
</table> 

これにはどのような原因が考えられますか？ピクセルではなくパーセントで動作するのはなぜですか？私はテーブルの幅を％の代わりにpxで与えようとしました。

Answer 1

HTMLタグの幅属性では、全幅テーブルを使用する場合はpxを使用するためです。 CSSのテーブルの幅を定義する

Answer 2

テーブルタグをグローバルに定義するCSSスタイルはありますか？

<table width="100%" border="1px"> 
    <thead> 
     <tr> 
      <th width="100px">User</th> 
      <th width="150px">Date</th> 
      <th>Note</th> 
     </tr> 
    </thead> 
</table> 

それはhttps://jsfiddle.net/mqwh0cpn/

に正常に動作します