Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-apps-script/5.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
Html 输入宽度,填充不匹配_Html_Css - Fatal编程技术网

Html 输入宽度,填充不匹配

Html 输入宽度,填充不匹配,html,css,Html,Css,我有一个快速而有趣的问题。 应用于输入标记的填充不是被添加到输入的宽度,而是被减去 在打印屏幕中,您可以看到.acct_input_bg元素的宽度为390px。 在DevTool的box model实用程序中,该元素具有363px(390-20-7) 我在谷歌上搜索了一下,发现了这一点,但我有boostrap.css,它应用了适当的框大小元素。我还发现这里对stackoverflow的帮助不大 谢谢你的帮助 这是由引导引起的。 ,引导将其更改为边框框,这就是您看到的行为 看看: 这是由引导引起的

我有一个快速而有趣的问题。 应用于输入标记的填充不是被添加到输入的宽度,而是被减去

在打印屏幕中,您可以看到.acct_input_bg元素的宽度为390px。 在DevTool的box model实用程序中,该元素具有363px(390-20-7)

我在谷歌上搜索了一下,发现了这一点,但我有boostrap.css,它应用了适当的框大小元素。我还发现这里对stackoverflow的帮助不大

谢谢你的帮助


这是由引导引起的。
,引导将其更改为
边框框
,这就是您看到的行为

看看:


这是由引导引起的。
,引导将其更改为
边框框
,这就是您看到的行为

看看:


这是由引导引起的。
,引导将其更改为
边框框
,这就是您看到的行为

看看:


这是由引导引起的。
,引导将其更改为
边框框
,这就是您看到的行为

看看:

使用以下命令:

-webkit-box-sizing: content-box !important;
使用以下命令:

-webkit-box-sizing: content-box !important;
使用以下命令:

-webkit-box-sizing: content-box !important;
使用以下命令:

-webkit-box-sizing: content-box !important;

它在屏幕截图的左上角说元素已经应用了
-webkit box size:border box
,那么你到底想知道什么呢?它在屏幕截图的左上角说,元素应用了
-webkit-box-size:border-box
那么你到底想知道什么呢?它在屏幕截图的左上角写着,元素应用了
-webkit-box-size:border-box
那么你到底想知道什么呢?它在屏幕截图的左上角写着,元素已经应用了
-webkit-box-size:border-box
,那么您到底想知道什么呢?我使用了-webkit-box-size:initial;将该行为重置为浏览器的默认值。ThanksI二手-webkit盒子尺寸:初始;将该行为重置为浏览器的默认值。ThanksI二手-webkit盒子尺寸:初始;将该行为重置为浏览器的默认值。ThanksI二手-webkit盒子尺寸:初始;将该行为重置为浏览器的默认值。谢谢汉克斯,这很有道理!谢谢,这很有道理!谢谢,这很有道理!谢谢,这很有道理!