为什么这些框的间距是这样的html/css

我有我正在创建的这个网页，我希望在底部有这三个框。背景图像和盒子之间有一个奇怪的空间，我只希望有一个15px的空间，但无论我做什么改变，它仍然会这样做

#文本框{
宽度：1280px；
高度：600px；
左边距：自动；
右边距：自动；
边际上限：0px；
}
#文本框分区{
列表样式：无；
显示：内联；
宽度：427px；
高度：600px；
}
.Text sub ul{
显示：内联块；
背景色：#3f3f；
列表样式：无；
宽度：378px；
高度：600px；
左边距：5px；
不透明度：0.7；
过滤器：α（不透明度=70）；
边缘顶部：10px；
}
.Text sub ul：悬停{
背景色：#6969；
过渡：均为0.6s；
不透明度：100；
过滤器：alpha（不透明度=0）
}
.Text sub ul li h2{
文本对齐：居中；
}
.Text sub ul li h3{
文本对齐：居中；
}
.Text sub ul li h4{
文本对齐：居中；
}
.Text sub ul li a{
颜色：黑色；
}
.Text sub ul li p{
右侧填充：30px；
}

信息示例


这就是公司信息的来源





常见问题解答示例


这就是常见问题的解答





更多

因为内联元素的默认值是基线。您可能希望您的

。Text sub ul

元素使用top：

#文本框{
宽度：1280px；
高度：600px；
左边距：自动；
右边距：自动；
边际上限：0px；
}
#文本框分区{
列表样式：无；
显示：内联；
宽度：427px；
高度：600px；
}
.Text sub ul{
显示：内联块；
背景色：#3f3f；
列表样式：无；
宽度：378px；
高度：600px；
左边距：5px；
不透明度：0.7；
过滤器：α（不透明度=70）；
边缘顶部：10px；
垂直对齐：顶部；
}
.Text sub ul：悬停{
背景色：#6969；
过渡：均为0.6s；
不透明度：100；
过滤器：alpha（不透明度=0）
}
.Text sub ul li h2{
文本对齐：居中；
}
.Text sub ul li h3{
文本对齐：居中；
}
.Text sub ul li h4{
文本对齐：居中；
}
.Text sub ul li a{
颜色：黑色；
}
.Text sub ul li p{
右侧填充：30px；
}

信息示例


这就是公司信息的来源





常见问题解答示例


这就是常见问题的解答





更多

因为内联元素的默认值是基线。您可能希望您的

。Text sub ul

元素使用top：

#文本框{
宽度：1280px；
高度：600px；
左边距：自动；
右边距：自动；
边际上限：0px；
}
#文本框分区{
列表样式：无；
显示：内联；
宽度：427px；
高度：600px；
}
.Text sub ul{
显示：内联块；
背景色：#3f3f；
列表样式：无；
宽度：378px；
高度：600px；
左边距：5px；
不透明度：0.7；
过滤器：α（不透明度=70）；
边缘顶部：10px；
垂直对齐：顶部；
}
.Text sub ul：悬停{
背景色：#6969；
过渡：均为0.6s；
不透明度：100；
过滤器：alpha（不透明度=0）
}
.Text sub ul li h2{
文本对齐：居中；
}
.Text sub ul li h3{
文本对齐：居中；
}
.Text sub ul li h4{
文本对齐：居中；
}
.Text sub ul li a{
颜色：黑色；
}
.Text sub ul li p{
右侧填充：30px；
}

信息示例


这就是公司信息的来源





常见问题解答示例


这就是常见问题的解答





更多










这只是因为内容和
内联块的缘故。默认情况下，
内联块
s是
基线
对齐的。对显示的元素进行修复
内联块
：

vertical-align: top;

它应该表现得很好


#文本框{
宽度：1280px；
高度：600px；
左边距：自动；
右边距：自动；
边际上限：0px；
}
#文本框分区{
列表样式：无；
显示：内联；
宽度：427px；
高度：600px；
}
.Text sub ul{
显示：内联块；
背景色：#3f3f；
列表样式：无；
宽度：378px；
高度：600px；
左边距：5px；
不透明度：0.7；
过滤器：α（不透明度=70）；
边缘顶部：10px；
垂直对齐：顶部；
}
.Text sub ul：悬停{
背景色：#6969；
过渡：均为0.6s；
不透明度：100；
过滤器：alpha（不透明度=0）
}
.Text sub ul li h2{
文本对齐：居中；
}
.Text sub ul li h3{
文本对齐：居中；
}
.Text sub ul li h4{
文本对齐：居中；
}
.Text sub ul li a{
颜色：黑色；
}
.文本