我有一些無(wú)線電輸入，當(dāng)其中一個(gè)被點(diǎn)擊時(shí)，會(huì)出現(xiàn)一個(gè)充滿一些信息的 div（它已經(jīng)顯示：沒有，點(diǎn)擊后會(huì)變成阻止）。我在頁(yè)面末尾有一個(gè)頁(yè)腳。當(dāng)我點(diǎn)擊收音機(jī)時(shí)，div 出現(xiàn)但它與頁(yè)腳碰撞，我希望它留在頁(yè)腳和收音機(jī)之間，但頁(yè)腳在收音機(jī)后停留并與出現(xiàn)的 div 碰撞！我真的不知道如何修復(fù)它。document.getElementById("radios1").addEventListener("click", function() {  document.getElementById("eu_listing").style.display = "block";});#eu_listing {  display: none;}<div class="form-check-inline mr-3">  <label class="form-check-label">                <input type="radio" id="radios1" class="form-check-input" name="optradio">EU            </label></div><div id="eu_listing">  <h1>Sorry, Currently we are out of Stock!</h1></div><div class="container-fluid px-0 bg-dark">  <div class="container myfooter text-center">    <div class="row">      <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 col-xs-12 px-1 text-center mb-2">        <a href="">ABOUT</a>      </div>      <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 col-xs-12 px-1 text-center mb-2">        <a href="">TERMS</a>      </div>      <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 col-xs-12 px-1 text-center mb-2">        <a href="">FAQ</a>      </div>      <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 col-xs-12 px-1 text-center mb-2">        <a href="">SELL WITH US</a>      </div>      <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 col-xs-12 px-1 text-center mb-2">        <a href="">PRIVACY</a>      </div>      <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 col-xs-12 px-1 text-center mb-2">        <a href="">ADVERTISING</a>      </div>    </div>    <hr class="footer_divider">    <h3>CONNECT WITH US</h3>    <div class="my-4">      <a href=""><img class="socialpics" src="../Images/fb.png" alt=""></a>      <a href=""><img class="socialpics" src="../Images/insag.png" alt=""></a>      <a href=""><img class="socialpics" src="../Images/twit.png" alt=""></a>    </div>    <p>? 2019 asfaf</p>  </div></div>我預(yù)計(jì)它會(huì)根據(jù)需要將頁(yè)腳向下推，但它根本不會(huì)移動(dòng)頁(yè)腳！