asp.net - css按钮不会在浮动右侧触发事件

Question

我有一个右侧浮动的 div，上面有 3 个按钮，在 IE 中，我可以单击按钮的每个部分，他会触发事件，但在 chrome 上，我只能在按钮的一小部分触发。

div class="ConfigButton">
                    <div >
                        <asp:Button ID="smallVS" runat="server" Text="Small" OnClick="small_Click"  CssClass="btType"/>
                    </div>
                    <div >
                        <asp:Button ID="mediumVS" runat="server" Text="Medium" OnClick="med_Click" CssClass="btType" ></asp:Button>
                    </div>  
                    <div >
                        <asp:Button ID="largeVS" runat="server" Text="Large" OnClick="large_Click" CssClass="btType" ></asp:Button> 
                    </div>  
                </div>

CSS：

 .ConfigButton {
   float:right;
    margin-top:35px;
    margin-right:20px;

}

.ConfigButton div{
    clear:both;
}


.btType {

    font-size:18px;
    width:180px;
    height:40px;
    color:white;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background-color:#4fc1dc;
    margin-bottom:30px;

}

我尝试使用clear:both，但没有奏效。

编辑：