html - 更改宽度 css 时禁用文本框

Question

我有一个网站，我的网站是link

我创建了文本框和按钮，但是这个文本框和按钮被禁用了。我没有在文本框和按钮中禁用 javascript 禁用 :(

这是代码的一部分

<section style="margin-left:0%;width:74.3%" class="b-infoblock b-bg-block-mobile b-product-launch">
              <div  class="row b-infoblock--without-border">
                <div style="margin-left:5%">
                  <h1  class="c-white f-primary-b f-title-bigger">Community is in Your Hand</h1>
                  <div class="b-product-info b-shortcode-example">
                    <h3 class="f-primary-l c-white f-title-big b-default-top-indent">now available <br/> for Android</h3>
                    <div>
                        <a style="width:225px;background: rgb(114, 190, 88) none repeat scroll 0% 0%;color:white;float:left" class="b-btn-special f-btn-special c-white" href="apk/Markisha.apk">
                            <i class="fa fa-download b-left"></i>
                            <p><span>Free Forever</span><br/><strong class="f-primary-b f-uppercase">Download Now</strong></p>
                        </a>

                        <div style="background: rgb(114, 190, 88) none repeat scroll 0% 0%;color:white;margin-left:10px" class="b-btn-special f-btn-special c-white"> 
                            <p><strong class="f-primary-b f-uppercase">Send Apps To Email</strong></p>
                                <div>
                                    <form id="form-upload" method="POST">
                                        <input type="text" style="color:black" name="email"> 
                                        <button class="b-btn-special f-btn-special c-white" type="submit">SEND NOW</button>
                                    </form>
                                </div>
                            <center>
                                <font color="green" id="success"></font>
                            </center>
                        </div>
                    </div>
                  </div>
                </div>
              </div>
          </section>

但是当我改变宽度时

<a style="width:225px;background: rgb(114, 190, 88) none repeat scroll 0% 0%;color:white;float:left" class="b-btn-special f-btn-special c-white" href="apk/Markisha.apk">

到

<a style="width:220px;background: rgb(114, 190, 88) none repeat scroll 0% 0%;color:white;float:left" class="b-btn-special f-btn-special c-white" href="apk/Markisha.apk">

我可以输入文字，然后点击按钮。但是这个按钮是这样变化的

帮帮我。

Answer 1

b-infoblock 类的部分位于输入的顶部。使用下面的 css 清除它。

.b-infoblock{
   margin-top: 0 !important
   clear: both;
}