Question

我不知道该怎么做。

我想将div的宽度限制为200px，并使div内的输入框100％宽度和高度。现在看来，它似乎溢出了div框的宽度。下面是问题的快速图片（IE10）：

enter image description here

这是标记：

<!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>

Answer 1

您可以在overflow:hidden;上添加<div>，请参阅 FIDDLE

使输入框的宽度和高度相对于外部div的宽度和高度为100％

1 个答案: