Html 如何缩小两个div之间的空间

我在另一个分区中有两个分区

*{
保证金：0；
填充：0；
框大小：边框框
}
html，
身体{
宽度：100%
}
* {
框大小：边框框；
}
身体{
保证金：0；
填充：0；
}
html，
身体{
身高：100%；
}
.内容{
显示：表格单元格；
高度：100vh；
}
#关于{
显示器：flex；
对正内容：空间均匀；
对齐项目：居中；
}
#关于信息{
字体大小：45px；
溢出：自动；
}
#关于年龄{
填充：0；
保证金：0；
最大宽度：100%；
高度：自动；
}
@媒体屏幕和屏幕（最大宽度：768px）{
#关于{
弯曲方向：立柱；
身高：100%；
}
#关于#关于年龄{
最大宽度：100%；
高度：自动；
}
#关于#关于信息{
最大高度：200px；
保证金：自动；
}
}

这里有很长的文字，多行句子

可以对div元素使用负边距top。使用类来区分两个内部div。CSS属性

页边距顶部：-2px

在css文件中
`

第一组{
页边顶部：-2px；
}`
以下是响应式设计的几条规则，这些规则将使您的网站变得用户友好，同时让您作为一名开发人员，在不同的浏览器和操作系统中具有灵活性和稳定性：

使用“视口”元将分辨率与访问者的设备宽度联系起来，以及使用
@媒体屏幕时



使用CSS跨浏览器支持引用：


-webkit-
，
-moz-
，
-ms-

e、 g.
-webkit左边距：10px
-这只会影响webkit浏览器，例如Chrome。
另外，如果您可以使用JavaScript根据用户代理输出（navigator.userAgent）添加其他唯一的类名，也可以这样做。例如，有时Chrome渲染器在不同的操作系统（Windows和Mac）上会有不同的表现

将包装物相对于身体定位，而儿童可以绝对定位，以便进行更隐蔽的控制
e、 g

`
.家长组{
位置：相对位置；
} 
.孩子{
位置：绝对；/*父元素的绝对位置*/
}
`

考虑使用CSS框架来自动化和加速您的工作。
e、 g.自举

       `<div class="parent-div">
            <div class="child">
            </div>
       </div> 
       <style>
           .parent-div{
                position:relative;
           } 
           .child{
                position:absolute;/*absolute positioning of parent element*/
           }
       </style>`