问答详情
源自：5-5 下拉菜单（对齐方式）

无法和父容器的右边对齐

原代码实现，浏览器显示问题如下：

https://img3.mukewang.com/5c0a18ac0001c2e705090385.jpg

请问是需要自己添加什么css代码吗？

提问者：专注程序不可自拔 2018-12-07 14:53

个回答

  • 慕斯卡7269444
    2018-12-10 11:34:28
    已采纳

    抱歉，前面回答不对。需要添加 float:left;

    0
  • 慕斯卡7269444
    2018-12-10 11:21:36

    ```html

    <div class="dropdown">

        <button class="btn btn-default" data-toggle="dropdown">

            下拉菜单

            <span class="caret"></span>

        </button>

        <ul class="dropdown-menu dropdown-menu-right">

            <li><a href="#">下拉菜单项</a></li>

            <li><a href="#">下拉菜单项</a></li>

            <li><a href="#">下拉菜单项</a></li>

            <li class="divider"></li>

            <li><a href="#">下拉菜单项</a></li>

        </ul>

    </div>

    ```

    0
  • 慕斯卡7269444
    2018-12-10 11:20:54

    <div class="dropdown">    <button class="btn btn-default" data-toggle="dropdown">        下拉菜单        <span class="caret"></span>    </button>    <ul class="dropdown-menu dropdown-menu-right">        <li><a href="#">下拉菜单项</a></li>        <li><a href="#">下拉菜单项</a></li>        <li><a href="#">下拉菜单项</a></li>        <li class="divider"></li>        <li><a href="#">下拉菜单项</a></li>    </ul></div>


    0
  • 慕斯卡7269444
    2018-12-10 11:20:16

    不需要自己添加样式~

    0