Javascript 液体填充物？无法使用高度或宽度_Javascript_Css_Html_Forms

Javascript 液体填充物？无法使用高度或宽度

javascript css html forms

Javascript 液体填充物？无法使用高度或宽度,javascript,css,html,forms,Javascript,Css,Html,Forms,我正在修改上传文件的html表单输入（输入类型为“文件”），但由于某种原因，我无法修改此元素的高度&宽度，使其占网页的100%（流体）我找到了一种替代使用高度和宽度的方法，即使用元素填充。使用填充的缺点是，我无法将其作为流体，因为当我使用100%填充时，它比设备视口更大。但如果我将其更改为大约50%，它仍然大于设备视口我正在寻找一个解决方案，我高度怀疑这个问题是否会得到解决，我希望得到的答案是：这是不可能做到的，但提出这个问题没有坏处我的Html: <!DOCTYPE html>

我正在修改上传文件的

html表单

输入（输入类型为“文件”），但由于某种原因，我无法修改此元素的高度&宽度，使其占网页的100%（流体）

我找到了一种替代使用高度和宽度的方法，即使用元素填充。使用填充的缺点是，我无法将其作为流体，因为当我使用100%填充时，它比设备视口更大。但如果我将其更改为大约50%，它仍然大于设备视口

我正在寻找一个解决方案，我高度怀疑这个问题是否会得到解决，我希望得到的答案是：这是不可能做到的，但提出这个问题没有坏处

我的Html:

<!DOCTYPE html>
<html>

<head>   
<link href="master.css" type="text/css" rel="stylesheet" />
</head>

<body>

<form action="upload.php" method="post">
<input id="form" type="file" onchange="this.form.submit()" name="myFile"/>
</form>

</body>


</html>

html, body {
    padding: 0px;
    margin: 0px;
    background-color: red;
    height: 100%;
    width: 100%;
}

#form {
    padding-top: 50%; 
    box-sizing: border-box; 
    background-color: green;
}

提前感谢。

众所周知，设置

输入

字段的样式非常困难，不建议这样做。相反，创建一个

标签

，并使用

for

属性将其附加到

输入

，并改为设置

标签的样式

html，正文{
填充：0px；
边际：0px；
背景色：红色；
身高：100%；
宽度：100%；
}
表格、标签{
身高：100%；
}
#形式{
垫面：50%；
框大小：边框框；
背景颜色：绿色；
显示：无；
}
标签{
宽度：100px；
背景：蓝色；
显示：块；
颜色：#fff；
}
众所周知，设置输入
字段的样式非常困难，不建议这样做。相反，创建一个标签
，并使用for
属性将其附加到输入
，并改为设置标签的样式

html，正文{
填充：0px；
边际：0px；
背景色：红色；
身高：100%；
宽度：100%；
}
表格、标签{
身高：100%；
}
#形式{
垫面：50%；
框大小：边框框；
背景颜色：绿色；
显示：无；
}
标签{
宽度：100px；
背景：蓝色；
显示：块；
颜色：#fff；
}