Javascript 为什么可以';是否将子项宽度和高度设置为与父项相同?
父元素为div,其宽度为300px,高度为40px,子元素为输入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
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
并玩弄边框?。。。等保罗·爱尔兰;你需要阅读一些叫做盒子模型的基础知识。