Html 绝对位置div在parrent div内消失

我试图放置简单的div并对它们进行排列，但是我的子div从父div中消失了，尽管我使用的是带有相对位置的父div和带有绝对位置的子div。我要连接我们01，并在第一区登记部门。我正在致力于响应性网页设计。非常感谢

---

带有

位置：绝对
的元素从内容流中删除，这意味着它们没有固有的
高度。由于子项没有
高度
，因此父项也没有
高度
，从而使子项不可见。您可以通过给父级一个静态的
高度
（例如，
高度：100px
）来解决这个问题，但这并不实用，也根本没有响应性

你要找的不是
位置：绝对的
；它是
float:left
和
float:right
。将这些属性应用于子级，并将父级
溢出：隐藏
（或任何清除浮动的方法最适合您的布局），这样就可以很好地工作。
具有
位置：绝对
的元素从内容流中删除，这意味着它们没有固有的
高度。由于子项没有
高度
，因此父项也没有
高度
，从而使子项不可见。您可以通过给父级一个静态的
高度
（例如，
高度：100px
）来解决这个问题，但这并不实用，也根本没有响应性

你要找的不是
位置：绝对的
；它是
float:left
和
float:right
。将这些属性应用于子级，并为父级
溢出：隐藏
（或任何清除浮动的方法最适合您的布局），它将工作得很好。
要显示您引用的块，只需添加到
#header_block1
一个
高度
参数即可

#header_block1  {
    position: relative;
    margin: 0 auto;
    width: 90%;
    height: 50px;
    background-color: pink;
}

要显示您引用的块，只需将
#header_block1
添加到
高度
参数即可

#header_block1  {
    position: relative;
    margin: 0 auto;
    width: 90%;
    height: 50px;
    background-color: pink;
}

如果你能提供一个你想要成品在布局方面看起来是什么样子的想法，那将非常有帮助。同时，只需在
#header_block2
中关闭
position:relative
，就可以让你的两个
div超越其余部分。我只看到一个
connect_us\u 01
。另一个是
联系\u No_01
，这里似乎没有我的错，我的意思是连接我们并注册。如果您能提供一个您希望成品在布局方面是什么样子的想法，那将非常有帮助。同时，只需在
#header_block2
中关闭
position:relative
，就可以让你的两个
div超越其余部分。我只看到一个
connect_us\u 01
。另一个是
联系_No_01
，似乎没有任何错误，我的意思是连接我们和registeration@toxic：
溢出：隐藏
@有毒：
溢出：隐藏
#header_block1  {
    position: relative;
    margin: 0 auto;
    width: 90%;
    height: 50px;
    background-color: pink;
}