Css 如何防止带位置的div：相对分配额外空间

这是密码

 <div id="xxx1"> 
     <div class="xxx1">
            txt
    </div> </div>

我想从div id“xxx1”中删除额外的空间。怎么做？我不能使用固定高度，因为如果我想在该div中添加更多数据，我希望该div增加其高度

---

如果我理解了这个问题，就不要在

正文

上填充

您还可能发现
框大小：边框框
非常有用，它将
边框
和
填充
集成到
宽度
和
高度


编辑
回复：没有。。我想删除div id“xxx1”中的空格

好吧，你可以用多种方法来做，正确的方法取决于上下文。以下是几点：


使用
Position:absolute
定位.xxx1，因此它将从页面流中删除

设置
height:0px
，并在添加内容时使用JavaScript进行设置

在这里，试着像这样改变它

.xxx1{
border:1px solid green;
height:auto;
position:relative;

}

您无法删除相对定位所增加的间距。在主体上设置填充和边距是行不通的。设置长方体大小不起作用。将字体大小设置为0不起作用。用javascript做一些事情是很愚蠢的

您有以下选择：

使下一项具有负边距（ick）
浮动项目，但这不允许重叠（如果需要）
将外部div设置为相对位置，将要移动的项目设置为绝对位置（并设置顶部（或底部）和左侧（或右侧）值。这将根据外部div（而不是窗口）定位要移动的项目。
第三条几乎总是最好的方法。考虑页面将如何随着内容的变化而变化，以确保选择正确的选项（以及正确的位置）

如果设置为相对位置的外部div未在空间中调整（使用上/下/左/右），则该div没有任何多余的空间。如果需要调整外部div和内部div，请将所有移动div设置为绝对，将最近的父div设置为相对；移动（上/下/右/左）将基于该相对父级。
+1用于提供小提琴链接。
id=xxx1
中的额外空间是什么？您应该更具体一点，就是您想要的效果是什么？不。我想删除div id“xxx1”中的空格。我已将div类“xxx1”的位置设置为relative和top:-50px。但div带有“xxx1”类仍在div id“xxx1”内保留其空间。我想删除该空间。
body {
    margin:0;
}

#xxx1{
    box-sizing: border-box;
}
.xxx1{
    box-sizing: border-box;
}

.xxx1{
border:1px solid green;
height:auto;
position:relative;

}