Html 输入不为'；我坐不进沙发

我不知道为什么输入会克服div的边缘

我尝试了这个解决方案（将CSS代码

框大小：border box；

放入输入部分），但没有成功：

然后我在W3学校进行了研究，但他们提出了相同的解决方案：

我的代码：

html，
身体{
字体大小：15px；
背景：#000000；
颜色：#b9b9b9；
保证金：0；
}
img{
最大宽度：100%；
显示：块；
}
输入{
字体大小：0.9rem；
背景：透明！重要；
颜色：#535353；
边框：0.1米实心！重要；
填充：0.2rem；
保证金：0自动；
框大小：边框框；
}
* {
框大小：边框框；
}
/**********排版开始**********/
/*一般的*/
h1，
氢{
保证金：0；
颜色：#ffffff；
}
/*上课*/
.副标题{
字体大小：0.75rem；
保证金：0；
}
.物品类型{
字体大小：0.85rem；
}
.第条继续阅读{
文字装饰：无；
字号：700；
颜色：#287cd4；
边框：0.1em实心#287cd4；
填充：0.1米；
}
.文章继续阅读：悬停{
背景#30394a；
}
/**********排版末端**********/
/**********布局开始**********/
.集装箱{
宽度：90%；
最大宽度：900px；
保证金：0自动；
边框：1px纯红；
}
.集装箱伸缩件{
显示器：flex；
证明内容：之间的空间；
}
/*导航门*/
.导航列表{
列表样式：无；
填充：0；
证明内容：中心；
}
李国荣先生{
利润率：0.75亿欧元；
}
.导航链路{
文字装饰：无；
颜色：#b9b9b9；
字号：700；
填充：0.2米0；
}
.导航链接：悬停{
颜色：#287cd4；
边框底部：0.15em实心；
}
/**********布局结束*********/

Página网站项目




支持通讯

使用的非常基本的示例：

/*QuickReset*/*{框大小：边框框；边距：0；字体：16px/1.4无衬线；}
.表格{}
.Form标签{display:flex；}
.Form labelDesc{最小宽度：200px；}
.Form字段{flex:1；}/*一切照旧*/

👤︎；名称
📧︎；电子邮件
🖉︎；生物
登记

您只需将

宽度：100%

应用于输入元素即可。每个html元素都有由浏览器设置的默认样式，这使得它们以某种方式占用空间。这就是它超出容器的原因。

如果您与我们共享您的代码，我们可能会提供帮助you@ppichier哦，对不起，我忘了把它放在这里。学校再次不是查找最佳代码的最佳地点。您是否尝试将

width:100%

添加到输入中？每个html输入都有默认的样式，使它们占据一定的宽度。女士们，先生们，我们有一个赢家！！！感谢@AntonijaŠimić花时间解决我的问题。感谢Roko的回答，但是你提议的“快速重置”对我不起作用。我已经在w3school教程之后尝试过了。@davidapelli您是否单击了我答案下的“运行代码片段”按钮？对输入和文本区域是否对齐？对嗯，这只是我在粘贴代码之前的建议。还有，你点击了我第一段的链接了吗？你从中学到了什么？W3学校是否使用CSS Flexbox？我的建议是把W3学校列入你的忽略名单。他们与W3C毫无关系，甚至出售不相关的证书。我明白了，我将开始使用MDN，也许我不知道如何修复输入，但现在我学会了如何制作“运行代码片段”，多亏了你，这对以后的文章非常有用：）