使输入框的宽度和高度相对于外部div的宽度和高度达到100％
问题描述：
我不确定这里要做什么。使输入框的宽度和高度相对于外部div的宽度和高度达到100％
我想限制我的div的宽度为200px，并使输入框在div内的宽度和高度均为100％。现在看来，它似乎溢出了div框的宽度。继承人的问题的快速PIC（IE10）：
这里的标记：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div style="border:1px solid red; height: 20px; width: 200px;">
<input style="background: yellow; height: 100%; width: 100%; border: 0;" type="text">
</div>
</body>
</html>
'箱上浆：边框问题？ –
'input {padding：1px}'在我的浏览器中默认设置。将'padding：0'添加到''将解决此问题。正如@Paulie_D所说，额外的填充会导致宽度增长，因为默认的['box-sizing']（http://quirksmode.org/css/user-interface/boxsizing.html）模式。 – andyb