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

来源:1-2 下拉面板

小王子抓猫咪

2017-06-28 13:35

我发现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回答

  • 慕尼黑3154129
    2017-07-08 23:55:30

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

    小王子抓猫咪

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

    2017-07-09 00:49:28

    共 1 条回复 >

UI框架foundation6入门(下)

深入浅出的带你学习Foundation 6框架,结合代码进行讲解。

6963 学习 · 8 问题

查看课程

相似问题