Javascript 如何在不创建空白的情况下在框和标题之间留出空间？

这是我网站上“关于”页面的代码。我试图在第一个元素（勃艮第框）和页面标题之间创建一个间隙。然而，每次我这样做，都会在它们之间添加空白？在没有出现空白的情况下，我可以做什么/修复什么

body，html{
身高：100%；
保证金：0；
填充：0；
字体系列：“无衬线工作”，无衬线；
字体大小：400；
}
.集装箱{
宽度：100%；
利润率：01.5%；
}
标题{
背景：rgb（2412003）；
位置：相对位置；
溢出：隐藏；
}
标题：：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
.标志{
宽度：9%；
身高：5.4%；
浮动：左；
填充：0px；
}
导航{
浮动：内联端；
溢出：自动；
}
导航ul{
保证金：0；
填充：0；
列表样式：无；
显示：内联；
}
李海军{
显示：内联块；
左缘：6.3%；
垫面：1.8%；
字体大小：112.5%；
位置：相对位置；
}
导航搜索{
浮动：对；
利润底部：1%；
保证金权利：7%；
位置：相对位置；
利润率最高：1.7%；
}
导航输入[类型=文本]{
背景色：透明；
颜色：rgb（95,62,64）；
字体大小：112.5%；
边界：无；
边框底部：纯色2px黑色；
}
导航搜索输入[type=“text”]：焦点{
宽度：200px；
大纲：无；
}
导航输入：：占位符{
颜色：rgb（95,62,64）；
字体系列：“无衬线工作”，无衬线；
}
导航a{
颜色：rgb（95,62,64）；
文字装饰：无；
文本转换：大写；
}
导航a：悬停{
颜色：rgb（95,62,64）；
}
导航a：：之前{
内容：“；
显示：块；
身高：10%；
背景色：rgb（95,62,64）；
位置：绝对位置；
排名：0；
宽度：0%；
过渡：全部缓进缓出250ms；
}
导航a:悬停：：之前{
宽度：100%；
}
.main背景{
背景图片：url（“bg two.jpg”）；
高度：自动；
填充顶部：0；
背景附件：固定；
背景位置：中心；
背景尺寸：封面；
位置：相对位置；
-webkit动画：fadein 2s；/*Safari、Chrome和Opera>12.1*/
-moz动画：fadein 2s；/*Firefox<16*/
-ms动画：fadein 2s；/*Internet Explorer*/
动画：Fadein2S；
}
@关键帧淡入淡出{
从{opacity:0；}
到{opacity:1；}
}
/*火狐*/
@-moz关键帧fadein{
从{opacity:0；}
到{opacity:1；}
}
/*狩猎、铬和歌剧*/
@-webkit关键帧fadein{
从{opacity:0；}
到{opacity:1；}
}
/*Internet Explorer*/
@-ms关键帧fadein{
从{opacity:0；}
到{opacity:1；}
}
.页脚*{
保证金：0；
填充：0；
框大小：边框框；
}
二号货柜{
最大宽度：1170px；
保证金：自动；
}
.行{
显示器：flex；
柔性包装：包装；
}
.页脚ul{
列表样式：无；
}
.页脚{
背景色：rgb（2412003）；
宽度：自动；
保证金：自动；
垫面：3%；
线高：1.5；
}
.footer.容器底部{
左：12%；
}
.footer列{
宽度：25%；
填充：0 15px；
}
.footer col h5{
字体大小：112.5%；
颜色：rgb（126,81,83）；
文本转换：大写；
边缘底部：30px；
位置：相对位置；
}
.footer列h5:：之前{
内容：''；
位置：绝对位置；
左：0；
底部：-10px；
背景色：rgb（82,44,46）；
高度：2倍；
框大小：边框框；
宽度：50px；
}
.footer col ul li:不是（：最后一个孩子）{
边缘底部：10px；
}
.footer col ul li a{
字体大小：16px；
文本转换：大写；
颜色：rgb（126,81,83）；
文字装饰：无；
字号：600；
显示：块；
}
.晶圆厂{
颜色：rgb（126,81,83）；
右边距：10px；
}
.版权所有{
利润率最高：5%；
文本对齐：居中；
背景色：rgb（126,81,83）；
颜色：rgb（240178182）；
填充：1%；
左：0%；
利润底部：0%；
}
第h2条{
颜色：rgb（240178182）；
字号：280%；
文本对齐：居中；
利润率最高：0%；
边框底部：1px实心rgb（240178182）；
垫底：3件；
}
第p条{
颜色：rgb（240178182）；
字体大小：110%；
文本对齐：居中；
}
.生活方式{
身高：100%；
边界：rgb（82、44、46）；
背景色：rgb（82,44,46）；
左边距：15%；
右边距：15%；
最高：15%；
位置：相对位置；
}
.生活方式img{
利润率：5%；
宽度：35%；
身高：50%；
位置：相对位置；
}
.文字生活方式{
最高：0%；
位置：绝对位置；
左边距：50%；
利润率最高：20%；
右：20%；
框大小：边框框；
}
.娱乐{
身高：100%；
背景色：rgb（240178182）；
利润率：15%；
}
.娱乐img{
利润率：5%；
位置：相对位置；
宽度：29%；
身高：50%；
左缘：65%；
}
.文字娱乐{
位置：绝对位置；
利润率：15%；
最高：30%；
左：7.5%；
框大小：边框框；
宽度：30%；
}
.食物{
身高：100%；
背景色：rgb（82,44,46）；
利润率：15%；
}
.食物管理{
利润率：5%；
位置：相对位置；
宽度：29%；
身高：50%；
}
.文字食品{
位置：绝对位置；
最高：66.5%；
右：22.5%；
框大小：边框框；
宽度：30%；
}
.购物{
身高：100%；
背景色：rgb（240178182）；
利润率：15%；
}
.购物img{
利润率：5%；
位置：相对位置；
宽度：29%；
身高：50%；
左缘：65%；
}
@媒体屏幕和屏幕（最大宽度：768px）{
身体{
字号：80%；
}
h1{
字体大小：312%；
}
a{
字号：80%；
}
}
这是HTML，有些部分是不完整的，但我关心这个问题的“生活方式”类。

纽约-