css固定侧边栏的写法

作者: JONE 分类: 前端学习 发布时间: 2018-08-02 13:14
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .layui-side{
            position:fixed;
            width:200px;
            top:0;
            bottom:0;
            background-color: #393D49;
        }
    </style>
</head>
<body>
<div class="layui-side layui-bg-black">

</div>

</body>

这样写还有一个好处就是,侧边栏的高度是不固定的,它可以随不同大小的浏览器窗口而变化,兼容性也非常好IE8也行

发表评论

电子邮件地址不会被公开。 必填项已用*标注