为了账号安全,请及时绑定邮箱和手机立即绑定

foundation中dropdown panel下拉面板中的float-right

我发现foundation中dropdown panel下拉面板中的float-right有些问题

如果使用float-right加在触发元素上,那么弹出的面板会占满整个外部容器的宽度。而不是自身内容的宽度。

但是float-left就没有这个问题。

参考代码如下

<div class="row">
      <div class="column">
          <button class="button float-left" type="button" data-toggle="example-dropdown1">float-right Aligned</button>
          <div class="dropdown-pane" id="example-dropdown1" data-dropdown>
            11111
          </div>
      </div>
      <div class="column">
          <button class="button float-right" type="button" data-toggle="example-dropdown2">float-right Aligned</button>
          <div class="dropdown-pane" id="example-dropdown2" data-dropdown>
            22222
          </div>
      </div>
    </div>

另外,我使用的是float-grid模式,因为我发现在flex-grid模式下,这个float-left, float-right都不会生效。


正在回答

1 回答

基础foundation中 下拉dropdown 面板panel 中的float-right

0 回复 有任何疑惑可以回复我~
#1

小王子抓猫咪 提问者

你说的什么,完全不明白。 http://foundation.zurb.com/sites/docs/dropdown.html#positioning 在这个页面提到加上float-left 和 float-right是有效果的,但是我问题中的代码却没有效果
2017-07-09 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

foundation中dropdown panel下拉面板中的float-right

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信