页面布局

Posted 2021-02-17 bltstop

1. 主站式

    <div class="pg-header">
        <div style="width: ..">
            内容居中
        </div>
    </div>
    <div class="pg-content"></div>
    <div class="pg-footer"></div>

2. 后台管理布局(第十六章s2)

       position:

                        fixed: 永远固定在窗口的某个位置

                        relative： 单独使用无意义

                        absolute： 第一次定位可以指定位置，滚轮滚动时，跟着滚动了。

       1）.左侧菜单跟随滚动条动

       2）左侧以及顶部菜单不动（应用较多）

3. fontawesome 图标库

                     直接参考引用。