html - 我的 Div 只是与另一个 div 重叠，而我将它放在第一个 div 之后

Question

我制作了 1 个标题和 2 个 div。其中一个 div(第二个和较低的 div)与另一个 div 重叠。我需要帮助解决这个问题。

这是代码。 (它很大，所以我已经把它们装箱了)-

1) HTML 2) CSS

请帮帮我。

我已经尝试过使用 using 清除:两者， 溢出:隐藏 而那些不起作用。我还检查了我是否关闭了每个 div。

我预计 div 3 会在 div3 之后出现。我想问题是我刚刚使用了边距，但我不确定。

Answer 1

请检查codepen .看来您已经添加了您的情况不需要的绝对 css 属性和不需要的填充/边距。

更新如下代码:

    #division2{
        background-color: white;
    /*     padding-top: 3%;
        padding-left: 5%;
        padding-right: 5%; 
        padding-bottom: 3%;  
        position: absolute;
        margin-top: 4%;
        margin-bottom: 4%;
        margin-right: 10%;
        margin-left: 10%; */
        color: #555;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        clear: both;
        overflow: hidden;
    /* display: inline; */
}