为什么我的两个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

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