                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

要pull-right实现还必须要加.dropdown{ float: left;}啊？？

要pull-right实现还必须要加.dropdown{ float: left;}啊

vZina

2014-11-11

源自：玩转Bootstrap（基础） 5-5

关注问题我要回答

3061

操作

收起

2 回答

阿木木囧
2015-11-16

我来站在巨人的肩膀上优化下：

因为div是块级元素，会自动填满父元素的宽度（即是满页，拖很长。不加float的时候菜单button在全屏最左边，而菜单列表由于right:0;所以跑到了全屏最右）。加.dropdown{float:left;},就会使div（恰好）包裹button（即是button多长div就多长）。这样right=0；就会以button的右边为基准。

3 回复有任何疑惑可以回复我~

#1

你好吖，我还是有点不懂。button不是被包在.dropdown的盒子里面嘛为神马它不跟着列表一起移到最右边去呢？还有以button 的右边为基准的话，可是列表本身就比button 要宽吖，这样内容就看不见不完整了怎么办(⊙o⊙)?

2016-04-25 回复有任何疑惑可以回复我~

superpig
2015-01-22

因为div是块级元素，会自动填满父元素的宽度。加.dropdown{float:left;},就会使div包裹button。这样right=0；就会以button的右边为基准。

2 回复有任何疑惑可以回复我~

#1

多谢。。我也懂了。

2015-07-13 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314546 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

3 回答.dropdown{ float: left; } 的作用

2 回答.dropdown{float:left;}在实际使用中要自己添加吗？

1 回答<ul class="dropdown-menu dropdown-menu-right">

1 回答下拉列表左对齐，加pull-left无效

3 回答使用pull-right或者dropdown-menu-right后全屏了，可是下拉菜单跑到最右边去了，求解决办法

搜索更多本课相关问答

要pull-right实现还必须要加.dropdown{ float: left;}啊？？

我要回答关注问题

意见反馈帮助中心 APP下载