Question

我接手了兼职前端开发人员的工作，我可以看到很多的清理工作。该页面没有使用bootstrap，而是一个来自bootstrap网格的自制网格。这是第一个挑战。

我想弄清楚为什么按钮“申请帐户”会跳到图片下方，当屏幕位于767px下方，并且文字正在跳下时：{ {3}}

HTML

<div class="btn-cta-br" style="font-size:0.975em;">
   <div id="proddesc2">
     <div id="smhead" style="font-size:0.975em; color:#ffffff;">
       <p><strong><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> If you have a workshop or a spare parts shop, you can buy BMW parts at KOED with many benefits. Read more about our business account and all the benefits.</strong></p>
     </div>
   </div>
</div>
<a href="/da-dk/page/koed-b2b/">
   <button type="button" class="btncta4">Apply for a business account</button>
</a>

<br＆gt;当然必须删除标签。当我从类中删除“静态”：btn-cta-br时，按钮呈现得更好，但我无法让它像我想要的那样合适（Se screenshot）。有没有人知道如何使按钮和文字适合？

@media screen and (max-width: 767px) {
   .btn-cta-br {
      position:static;
      margin-top:15px;
      margin-left:5px;
      right:4%;
      width:80%;
      color:black;
      font-size:115%;
   }
}

按钮位置低于767px

0 个答案: