我的Div只是与另一个div重叠,而我将其放在第一个div之后

时间:2019-06-20 11:53:35

标签: html css

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

这是代码。 (很大,所以我已经匆忙了)-

1)HTML 2)CSS

请帮助我。

我已经尝试使用过 clear: bothoverflow: hidden 而且那些不起作用。我还检查了我是否关闭了每个div。

我期望div 3结束于div3之后。我想问题是我刚刚使用了边距,但是我不确定。

1 个答案:

答案 0 :(得分:-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; */
}