如何使用5px填充的输入元素填充整个<td>？

Question

我有一个文本输入<td>,其中有一个填充5px; 当它的宽度设置为它时,100%它出自<td>for 的边界10px.有没有办法让它<td>在100% - 10px不使用JavaScript的情况下填充整个(即实际上它应该变宽)？

提前致谢

Answer 1

我曾在2010年问过这个问题,据我所知,当时没有合理的解决方案.

但是由于CSS3,现在有两种解决方案:

使用盒子大小

box-sizing: border-box;
width: 100%;

使用calc

width: calc(100% - 10px);

某些浏览器可能需要供应商前缀(例如width: -moz-calc(100% - 10px);).