CSS“浮动：无；”防止Javascript函数“ng-click”？

Question

这是一个特殊的问题。
“浮动：无；”似乎阻止了 Javascript 的执行（ng-click）。

new.html.haml（其中有“float: none;”）

.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

shared/_menu.html.haml（其中有“ng-click”）

.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!!!!”。
如果我离开“float: none;”，控制台不会输出“Clicked!!!”。

奇怪....

Answer 1

检查元素，其他一些 div 可能与按钮重叠，因此按钮可能根本没有被点击。