Question

我在sidebar-collapse fixed中将AdminLTE与<body>结合使用，并试图使内容标头固定。因此它将像标题一样浮动。此处的HTML代码：

<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header row">
        <h1 class="col-md-6">
            Master Satuan
        </h1>
        <div class="col-md-6 text-right">
            <button id="batchDelete" class="btn btn-danger mx-1">
                <i class="fa fa-trash"></i> Delete
            </button>&nbsp;
            <button id="btnAdd" class="btn btn-success mx-1" href="#">
                <i class="fa fa-plus"></i> Add
            </button>
        </div>
    </section>

    <!-- Main content -->
    <section class="content">
    <!-- Content here ->
    </section>
 </div>

我尝试用content-header修改css position: fixed，但是标题隐藏在Main Content的后面。并尝试过w3c的固定标题滚动，但是没有运气，因为标题仍然隐藏在主要内容的后面。其实我只想在Main Header之后固定位置。我该如何实现？

Answer 1

为标题设置posistion:fixed;和z-index。

然后，将position:absolute;设置为主要内容。设置top: some pixel values

AdminLTE中的固定内容标头

1 个答案: