Tell me please, there is 2 div:

<div style="width: 50%;height: auto;display: inline-block;position: absolute;border-radius: 10px;margin-left: 15%;margin-top: 32%;background-color: black;padding-left: 20px; padding-top: 10px;margin-right: 20px;color:white"> <div style="width:102.5%; border-bottom: 1px solid #e0e0e0;margin-left: -20px;margin-bottom: 15px;height:35px;"> <span style='font-size:20px;color: #777777;margin-left:15px;'><i style="color:#ffc600;margin-right:15px" class="far fa-comment"></i> ВсС ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ</span></div> <div>awdawawd<br>awdawawd<br>awdawawd<br>awdawawd<br>awdawawd<br>awdawawd<br>awdawawd<br>awdawawd<br>awdawawd<br></div> </div> <div style="display: block;background: #ffffff;height: 50px;width: 100%;bottom: 0px;margin-left: 8px;border-top: 1px solid #e0e0e0;position: fixed; z-index:98;padding-top:10px;"> <center><input type="submit" value="Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ"></center> </div>

The lower fixed div is superimposed on the absolute div.

    1 answer 1

    Add a margin-bottom to the absolute block. Or this: margin: 32% 20px 150px 15%; :

     width: 50%; height: auto; display: inline-block; position: absolute; border-radius: 10px; background-color: black; padding-left: 20px; padding-top: 10px; color:white; margin: 32% 20px 150px 15%; 
     <div style="width: 50%;height: auto;display: inline-block;position: absolute;border-radius: 10px;background-color: black;padding-left: 20px;padding-top: 10px;color:white;margin: 32% 20px 70px 15%;"> <div style="width:102.5%; border-bottom: 1px solid #e0e0e0;margin-left: -20px;margin-bottom: 15px;height:35px;"> <span style='font-size:20px;color: #777777;margin-left:15px;'><i style="color:#ffc600;margin-right:15px" class="far fa-comment"></i> ВсС ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ</span></div> <div>awdawawd<br>awdawawd<br>awdawawd<br>awdawawd<br>awdawawd<br>awdawawd<br>awdawawd<br>awdawawd<br>awdawawd<br></div> </div> <div style="display: block;background: #ffffff;height: 50px;width: 100%;bottom: 0px;margin-left: 8px;border-top: 1px solid #e0e0e0;position: fixed; z-index:98;padding-top:10px;"> <center><input type="submit" value="Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ"></center> </div>