• 技术文章 >web前端 >前端问答

    css怎么设置某一块固定

    藏色散人藏色散人2021-03-22 15:45:41原创797

    css设置某一块div固定的方法:首先创建一个HTML示例文件;然后在body中定义一个div;最后通过“position: fixed;”等属性设置该div固定不动即可。

    本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

    css控制某个div固定不动

    固定最常用的方法就是对其进行定位。

    但在定位的时候需要注意:

    ①如果想固定在屏幕的某处,那么确定被固定的元素的父元素是body;

    ②为固定元素设置宽高。

    比如给你的footer的class添加如下代码:

    <style type="text/css">
        .shopping_cart {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 60px;
            background: #eee;
            z-index: 10;
        }
    </style>

    如顶部固定不动

    <style type="text/css">
      .editFrom {  ----div的选择器
        position: fixed; ----position样式
        left: 0; 
        top: 0; 
        width: 100%;
        height: 30%;  ---div占用位置的高度
        background: #eee;
        z-index: 10;--折叠级别
      }
    </style>

    【推荐学习:css视频教程

    以上就是css怎么设置某一块固定的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css
    上一篇:css的冲突是什么 下一篇:css如何让块无间隙
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• css如何让文字水平排列• css如何实现轮播图效果• css怎么增加背景图片• css怎么把div设置成爱心• css背景色怎么取消
    1/1

    PHP中文网