Html 输入框上方不必要的边距

在这个项目上工作，出于某种神秘的原因，我在所有的输入框上都获得了利润

.header{
高度：100px；宽度：100%；
背景色：#ef5fc2；
位置：相对；颜色：白色；
}
.标题p{
位置：相对；顶部：25px；
边际上限：0；
}
身体{
字体系列：“Itim”，草书；
字体大小：40px；
边距：0px；填充：0px；
文本对齐：居中；
背景颜色：粉红色；
}
体型p{
字号：18px；
}
.集装箱{
高度：700px；
}
.页脚{
背景色：红色；
颜色：白色；
高度：70像素；
宽度：100%；
}
.页脚p{
字体大小：20px；
填充：0px；
边际：0px；
}
.footer p:第一个孩子{
填充顶部：10px；
}
.货柜表格p{
页边距底部：0；
填充：0；
}
表单输入{
边际上限：0；
填充：0；
}
形式{
位置：相对位置；
顶部：30px；
}
#提交{
位置：相对位置；
边框：5px实心#ff3385；
边界半径：6px；
背景色：#ff3385；
填充物：5px10px；
文字装饰：无；
颜色：白色；
}
.次容器{
高度：50px；
边缘底部：20px；
}
#协议书{
字体大小：20px；
宽度：320px；
顶部：300px；
位置：绝对位置；
左：120px；
文本对齐：左对齐；
边框：2倍纯红；
填充：10px 20px；
}

你的名字

你的姓

您的地址（包括邮政编码）

你的出生日期

你的电子邮件

你的手机号码

该间隙是由主体的

字体大小：40px

造成的，现在改为16px

我还将

p

更改为

label

，并给他们

display:block

，这样他们就断线了

现在，您可以使用输入和标签上的边距调整间隙

正如在评论中提到的，name属性中不应该有空格，所以我删除了它们

.header{
高度：100px；
宽度：100%；
背景色：#ef5fc2；
位置：相对位置；
颜色：白色；
}
.标题p{
位置：相对位置；
顶部：25px；
边际上限：0；
}
身体{
字体系列：“Itim”，草书；
字体大小：16px；
边际：0px；
填充：0px；
文本对齐：居中；
背景颜色：粉红色；
}
车身形状标签{
字号：18px；
显示：块；
}
.集装箱{
高度：700px；
}
.页脚{
背景色：红色；
颜色：白色；
高度：70像素；
宽度：100%；
}
.页脚p{
字体大小：20px；
填充：0px；
边际：0px；
}
.footer p:第一个孩子{
填充顶部：10px；
}
.货柜表格a{
页边距底部：0；
填充：0；
}
表单输入{
利润率：0.10px；
填充：0；
}
形式{
位置：相对位置；
顶部：30px；
}
#提交{
位置：相对位置；
边框：5px实心#ff3385；
边界半径：6px；
背景色：#ff3385；
填充物：5px10px；
文字装饰：无；
颜色：白色；
}
.次容器{
高度：50px；
边缘底部：20px；
}
#协议书{
字体大小：20px；
宽度：320px；
顶部：300px；
位置：绝对位置；
左：120px；
文本对齐：左对齐；
边框：2倍纯红；
填充：10px 20px；
}

你的名字
你的姓
您的地址（包括邮政编码）
你的出生日期
你的电子邮件
你的手机号码

该间隙是由主体的

字体大小：40px

造成的，现在改为16px

我还将

p

更改为

label

，并给他们

display:block

，这样他们就断线了

现在，您可以使用输入和标签上的边距调整间隙

正如在评论中提到的，name属性中不应该有空格，所以我删除了它们

.header{
高度：100px；
宽度：100%；
背景色：#ef5fc2；
位置：相对位置；
颜色：白色；
}
.标题p{
位置：相对位置；
顶部：25px；
边际上限：0；
}
身体{
字体系列：“Itim”，草书；
字体大小：16px；
边际：0px；
填充：0px；
文本对齐：居中；
背景颜色：粉红色；
}
车身形状标签{
字号：18px；
显示：块；
}
.集装箱{
高度：700px；
}
.页脚{
背景色：红色；
颜色：白色；
高度：70像素；
宽度：100%；
}
.页脚p{
字体大小：20px；
填充：0px；
边际：0px；
}
.footer p:第一个孩子{
填充顶部：10px；
}
.货柜表格a{
页边距底部：0；
填充：0；
}
表单输入{
利润率：0.10px；
填充：0；
}
形式{
位置：相对位置；
顶部：30px；
}
#提交{
位置：相对位置；
边框：5px实心#ff3385；
边界半径：6px；
背景色：#ff3385；
填充物：5px10px；
文字装饰：无；
颜色：白色；
}
.次容器{
高度：50px；
边缘底部：20px；
}
#协议书{
字体大小：20px；
宽度：320px；
顶部：300px；
位置：绝对位置；
左：120px；
文本对齐：左对齐；
边框：2倍纯红；
填充：10px 20px；
}

你的名字
你的姓
您的地址（包括邮政编码）
你的出生日期
你的电子邮件
你的手机号码

了解页边距和间距的最佳方法是使用浏览器的“检查元素”功能。只需单击文本框或空格中的一个，它将给出导致此情况的相应元素

---

您可以在那里编辑它

了解页边距和间距的最佳方法是使用浏览器的“检查元素”功能。只需单击文本框或空格中的一个，它将给出导致此情况的相应元素

---

在那里，您可以编辑它

在样式表中使用reset.css的形式，或者在开始时只使用

*{margin:0；padding:0；}

，看看这是否解决了这个问题（它会引入其他问题，但是可以通过为受影响的元素指定margin和padding来解决这些问题），您拥有的

应该是

，带有

for=“”

的

，包含
输入
元素的ID。如下所示：
您的名字
-您不能有包含空格的
名字
。请尝试设置填充和边框