为什么我的两个div不能对齐在同一行

Question

（1）                       <div style="float: left;">                            <span>当前显示第1条到第10条记录，总共###条记录，每页显示</span>                                                        <div class="btn-group">                                                                <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">                                    10                                <span class="caret"></span>                                  </button>                                  <ul class="dropdown-menu">                                    <li><a href="#">15</a></li>                                    <li><a href="#">20</a></li>                                    <li><a href="#">25</a></li>                                    <li><a href="#">30</a></li>                                  </ul>                                                              </div>                                                         <span>条记录</span>                        </div>                        （2）                        <div style="float: right;">                             <ul class="pagination pagination-sm">                                  <li><a href="#">&laquo;</a></li>                                  <li><a href="#">1</a></li>                                  <li><a href="#">2</a></li>                                  <li class="active"><a href="#">3</a></li>                                  <li><a href="#">4</a></li>                                  <li><a href="#">5</a></li>                                  <li><a href="#">&raquo;</a></li>                              </ul>                             </div>

Answer 1

设置宽度 两个div小于width  小于  等于100%   试试

Answer 2

因为.pagination有margin-top:20px;

Answer 3

因为你没设置宽度，默认满行了