css - 右拉后底部对齐

Question

这是我的代码:

<div class="row">
    <div class="col-xs-4">
        <h2>Some header text</h2>
    </div>
    <div id="div1" class="col-xs-8">
        <div class="pull-right">
            @using (Html.BeginForm("ChangePageSizeAction", "myController"))
            {
                @Html.AntiForgeryToken()
                <small>Page Size</small>
                @Html.DropDownList("pageSize", null, htmlAttributes: new { @class = "form-control", onchange = "this.form.submit();" })
            }
        </div>
        <div id="div2" class="pull-right" style="padding-right:10px">
            @Html.PagedListPager(Model, page => Url.Action("Index", new { page }),
                        new PagedListRenderOptions()
                        {
                            MaximumPageNumbersToDisplay = 3,
                            DisplayPageCountAndCurrentLocation = true,
                            PageCountAndCurrentLocationFormat = "Page {0} of {1}",
                        })
        </div>
    </div>
</div>

这是输出:

我想将 PagedListPager 对齐到 DropDownList 旁边的底部，如下所示:

我尝试将 div1 样式设置为 position:relative 并将 div2 样式设置为 position:absolute; bottom:0 但没有用。

Answer 1

在 Morpheus 发表评论后，我在他的 jsfiddle 示例和我的示例中寻找差异，因此我在我的 css 类中发现了一个错误 (margin:0)。

所以，很抱歉问错了。