Html Can'；t在移动版上单击我的页脚链接

为了我的工作，我必须为现有的Wordpress网站创建一个自定义主页。因为我的老板喜欢我的页脚，所以我必须在使用的主题中实现我自己的页脚

我的页脚工作正常，但在移动版本中，我不能点击链接

以下是网站：

有人有主意吗

<div class="container">
    <div class="col-xs-12 col-sm-6 col-md-3  text-left footer-column">
        <h3>EB Quad</h3>
        <ul>
            <li><a href="https://www.ebquad.be/">Accueil</a></li>
            <li><a href="https://www.ebquad.be/atelier/">Atelier</a></li>
            <li><a href="https://www.ebquad.be/occasions/">Occasions</a></li>
            <li><a href="https://www.ebquad.be/contact/">Contact</a></li>
            <li><a href="https://www.ebquad.be/livre-dor/">Livre d'or</a></li>
        </ul>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3  text-left footer-column">
        <h3>CF Moto</h3>
        <ul>
            <li><a href="https://www.ebquad.be/quads/">Quads</a></li>
            <li><a href="https://www.ebquad.be/buggys/">Buggys</a></li>

        </ul>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3  text-right footer-column">
        <h3>Randonnées</h3>
        <ul>
            <a href="https://www.ebquad.be/randonnees/">
                <li>Nos randonnées</li>
            </a>
            <li><a href="https://www.ebquad.be/agenda/">Agenda</a></li>
            <li><a href="https://www.ebquad.be/photos/rando-2018">Photos</a></li>
            <li><a href="https://www.ebquad.be/tarifs-informations/">Informations/Tarifs</a></li>

        </ul>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3  text-right footer-column">
        <h3>Informations</h3>
        <ul>
            <li><a href="https://www.google.com/maps/place/E.b.+Renove/@50.3840829,4.0316377,15z/data=!4m2!3m1!1s0x0:0xe36a2bfccc6eb3da?ved=2ahUKEwj5r93ciZjfAhVQNOwKHfAYCtQQ_BIwDXoECAYQCA" target="_blank" rel="noopener noreferrer">
                    Route de Beaumont 10<br>
                    7041 Givry (Mons)</a></li>
            <li><a href="mailto:info@eri-renove.be">info@eri-renove.be</a></li>
            <li><a href="tel:0495447304">0495/447.304</a></li>

        </ul>
    </div>

    <!-- .footer-widget-wrap -->
    <div class="col-xs-12 col-sm-12 col-md-12 text-center">
        <div style="font-size:12px; margin:auto; text-align:center;">Site réalisé par:</div>
        <a  href="http://www.mds-digitalagency.be" class="watermark-link" target="_blank"><img src="https://www.ebquad.be/wp-content/uploads/2018/12/mds_logo.png"
             style="width: 64px; margin-bottom:30px;" alt=""></a>
    </div>
    <div class="footer-bottom-wrap col-md-12">
        EB QUAD © Tous droits réservés | <a href="http://www.ebquad.be/conditions-generales/">Conditions générales</a>

    </div><!-- .footer-bottom-wrap -->




</div><!-- container -->

电子束四极体







CF摩托




兰登内斯





信息





现场réalisépar：
EB QUAD©我们的服务权利

---

谢谢

您的

。页脚底部包裹物

覆盖了整个页脚。将

display:inline block

添加到此元素，所有操作都正常。

由于链接是浮动元素，它们不会显示为正常流，而您的.foote-bottom-wrap元素不是浮动元素，这就是此元素将覆盖所有链接的原因。。您可以使用这个类来修复它

.footer-bottom-wrap {
  ...
  overflow:hidden;
} 

---

此属性可修复此行为。。您可以找到一个很好的教程来理解浮点行为

将此css添加到样式表中

.footer-bottom-wrap {float: left;}

---

这是由css代码引起的，请尝试添加 通过HTML

---

在你的style.css行号380“溢出：隐藏

---

欢迎来到SO。请在问题中包括所有相关代码。链接应该是纯粹的补充，但不需要访问才能让我们理解您的问题。您使用的是什么版本的引导？您的

。页脚底部包裹
元素覆盖在链接元素容器的顶部，防止单击到达链接。（正如@Utkanos所说，你应该在问题中包含足够的相关代码来重现问题，而不仅仅是链接到你的站点——照现在的情况，一旦你修复了这个bug，这个问题对未来的用户来说将毫无用处。）（您已经添加了HTML，这是一个开始，但不足以重现问题；理想情况下，您应该构建一个演示问题的HTML）它可以工作，但没有解释，并且依赖于对
float
的误用，这可能会在以后导致其他布局问题。
<div class="clearfix"></div>
<!--before-->
<div class="footer-bottom-wrap col-md-12"> 

.footer-bottom-wrap {
    color: #787977;
    overflow: hidden;
}