Si bien, las siguientes líneas la copié de tu pregunta, funciona hasta cierto punto: <!-- begin snippet: js hide: true console: true babel: false --> <!-- language: lang-html --> <style> td { padding: 0; } input { width: 100%; height: 100%; } </style> <table> <thead> <tr> <th>Campo</th> <th>Campo</th> </tr> </thead> <tbody> <tr> <td><input></td> <td><input></td> </tbody> </table> <!-- end snippet --> Solo que le falta un detalle, la propiedad [**`box-sizing`**][1]: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-css --> table { width: 100%; } td { padding: 0; } input { width: 100%; height: 100%; /* El detalle que faltaba que funcione */ box-sizing: border-box; } <!-- language: lang-html --> <table> <thead> <tr> <th>Campo</th> <th>Campo</th> </tr> </thead> <tbody> <tr> <td><input></td> <td><input></td> </tbody> </table> <!-- end snippet --> Sin esa propiedad, cualquier **borde** o relleno hará que tenga un tamaño total de más del `100%`. [1]:https://developer.mozilla.org/es/docs/Web/CSS/box-sizing "box-sizing | MDN Web Docs"