Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么可以';是否将子项宽度和高度设置为与父项相同?_Javascript_Html_Css - Fatal编程技术网

Javascript 为什么可以';是否将子项宽度和高度设置为与父项相同?

Javascript 为什么可以';是否将子项宽度和高度设置为与父项相同?,javascript,html,css,Javascript,Html,Css,父元素为div,其宽度为300px,高度为40px,子元素为输入 myinput=document.getElementById(“e2”); myinput.style.cssText='width:100%;身高:100%;填充:0px;保证金:0px;' div{ 宽度:300px; 高度:40px; 边框:1px纯红; } 您需要添加框大小:边框框 myinput.style.cssText ='width:100%;height:100%;box-sizing: border-box

父元素为div,其宽度为300px,高度为40px,子元素为输入

myinput=document.getElementById(“e2”);
myinput.style.cssText='width:100%;身高:100%;填充:0px;保证金:0px;'
div{
宽度:300px;
高度:40px;
边框:1px纯红;
}

您需要添加
框大小:边框框

myinput.style.cssText ='width:100%;height:100%;box-sizing: border-box;'

您需要添加
框大小:边框框

myinput.style.cssText ='width:100%;height:100%;box-sizing: border-box;'

默认情况下,
input
具有
边框宽度:2px因此您必须设置输入的
边框宽度:0px如下所示

myinput=document.getElementById(“e2”);
myinput.style.cssText='width:100%;身高:100%;填充:0px;边际:0px;边框宽度:0px;'
div{
宽度:300px;
高度:40px;
边框:1px纯红;
}

默认情况下
输入
具有
边框宽度:2px因此您必须设置输入的
边框宽度:0px如下所示

myinput=document.getElementById(“e2”);
myinput.style.cssText='width:100%;身高:100%;填充:0px;边际:0px;边框宽度:0px;'
div{
宽度:300px;
高度:40px;
边框:1px纯红;
}

您的
输入
标记从未关闭。关闭是没有用的。您是否尝试过将
填充
设置为
0
并使用边框?。。。等保罗·爱尔兰;您需要阅读称为“框模型”的基础知识。您的
输入
标记从未关闭。关闭是没有用的。您是否尝试过将
填充
设置为
0
并玩弄边框?。。。等保罗·爱尔兰;你需要阅读一些叫做盒子模型的基础知识。