gpt4 book ai didi

html - 相对于外部 div 的宽度和高度,使输入框的宽度和高度为 100%

转载 作者:太空宇宙 更新时间:2023-11-03 18:16:00 24 4
gpt4 key购买 nike

我不知道该做什么。

我想将我的 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>

最佳答案

您可以添加 overflow:hidden;<div> 上看到这个 FIDDLE

关于html - 相对于外部 div 的宽度和高度,使输入框的宽度和高度为 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22790177/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com