热搜:NVER node 开发 php

td中height为100%的input实际高度不一样。_html/css_WEB-ITnose

2024-11-14 11:40:01
td中height为100%的input实际高度不一样。_html/css_WEB-ITnose

我先说我的意图。
我在td中放置了一个input,这个input的高度设置为100%。
我不希望把input的高度设置为固定像素,因为我想要这个input自适应td的高度。
自适应是没有问题的,td高度增大,input的高度随之增大。

但问题是,在不同的浏览器中。input的实际高度不相同。似乎chrom,opera,safri没有遵守盒子模型,高度和在firefox里不一致。

不同浏览器下,input的高度不同

我的问题是:
不要设置input为固定高度,怎么让input的实际高度在firefox;chrome中相同。


回复讨论(解决方案)


请仔细了解下盒模型.

谢谢楼上的回答, 但我还是要保留input的padding和border宽度。

问题已解决,我给input外层增加了一个div来解决这个问题。

不同浏览器下,input的高度不同