CSS“float：none;”阻止Javascript函数“ng-click”？

Question

这是一个奇怪的问题。
“float：none;”似乎可以防止执行Javascript（ng-click）。

new.html.haml（其中具有 “浮动：无;”）

.container{ng: {controller: 'sample_1_controller'}} 
    %nav.bread.mgn 
    %ol.breadcrumb 
     %li crumb1 
     %li crumb2 
    = render "shared/menu" 
    .content_left{:style => "float: none; margin: 0 auto;"} 
    %form{:action => "", "ng-submit" => "verify_method($event)"} 
     %div blahblahblah 
     %button{:type => "submit"} Proceed 

共享/ _menu.html.haml（其中，具有 “NG点击”）

.menu 
    %a{'ng-click' => "toggle_menu()"} Menu 
    %div blahblahblah 

由于“shared/menu”是随处显示的，因此toggle_menu（）方法在application_controller.js.coffee中声明，其范围比sample_1_controller大。

application_controller.js.coffee（其中有 “toggle_menu（）”）

$scope.toggle_menu =()-> 
    console.log "Clicked!!!!" 

现在，我们已经准备好...
如果我删除 “浮动：无;” 控制台输出“被点击!!!!”。
如果我离开“float：none;”，控制台不会输出“Clicked !!!!”。

怪异....

Answer 1

检查元素，一些其他分区可能会重叠的按钮，因此按钮可能无法获得点击的。