入力最大幅：100％がテーブルで機能していません

Question

テーブル内で応答する入力幅を実現しようとしていますが、テーブル内でinput {max-width:100%;}が動作していません。たとえば：

table { 
 
    width: 100%; 
 
} 
 

 
input { 
 
    max-width: 100%; 
 
}

<table> 
 
    <tr><td>Name</td><td><input type="text"/></td></tr> 
 
    <tr><td>Title</td><td><input type="text"/></td></tr> 
 
    <tr><td>Foo</td><td><input type="text" size="8"/></td></tr> 
 
    <tr><td>Bar</td><td><input type="text" size="200"/></td></tr> 
 
</table>

Answer 1

のmax-widthプロパティをパーセントでうまく動作しません。ここで何をしようとしているのかを実現するにはwidthプロパティを使用してください。

入力するだけのためにこれを試してみて、それが動作するはずです -

width: CALC(100%); 
max-width: 80px; (or whatever you want) 

チェック、それが動作するかどうか！