입력 최대 너비 : 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

최대 폭 속성 비율과 잘 작동하지 않습니다. 여기에서하려고하는 것을 달성하려면 width 속성을 사용해야합니다.

그냥 입력이 시도하고 그것을 작동합니다 -

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

확인 작동하는지!