在我的某些页面上无法点击整个按钮

Question

我有一个我创建的网站：http://www.raggeddaisy.com

在我的Wooden Signs页面和Chalkboards页面上，“请求更多信息”，只有按钮的顶部位是可点击的。代码与我的Magnetic Board和Wooden Benches页面相同。为什么会这样？在此先感谢您的帮助。

    <div id="requestInfoButton">
        <form action = "ContactUs.cshtml">
            <input type="submit" class="button" value="Request More Information">
        </form>
    </div>


#requestInfoButton {
    font  : 10pt 'Century Gothic';
    padding-top     :   2.25pt;
    position        : absolute;
    left            : 500.00pt;
    top             : 400.50pt;
    width           : 150pt;
    height          :  16.50pt;
    }

Answer 1

看起来你有两个div，绝对定位有固定宽度，覆盖了大部分请求更多信息按钮。如果删除div＃optionsWoodenSignSmallPrice和div＃optionsWoodenSignLargePrice上的宽度，您的按钮将是可点击的。

Answer 2

那是因为你的div有id＆＃39; optionsWoodenSignLargePrice＆＃39;覆盖它。我不会建议你用于文本的样式，尤其是绝对定位。

但是，从div＃optionsWoodenSignLargePrice样式中删除width和height属性确实可以解决您的问题。