zoukankan      html  css  js  c++  java
  • position的absolute;fixed;relative;static;inherit属性小结

             之前的对position的理解就停留在常用的absolute及relative上,今天被面试官考到……觉得自己好菜。赶快了解使用了一下这些下设的属性。

       absolute和relative之有提到过。今天着重思考一下fixed及static和inherit的属性内容;

       position 是用来规定元素的定位类型。

       1.fixed

        这个类型是将元素钉在一个位置,哪怕网页一直滚动它还是会停留在规定的位置上,类似于有些网页的广告,相对位置是不变的。也有一些导航栏我想应该是用到了fixed;

       以hao123为例,在滚动时,百度的搜索框一直都停留在页面顶端,那这个我想就用到了这个类型。

     

       2.static

       这个类型是默认的,如果没有指定position或为空,就等同该元素会停留在正常的html流中。

      3.inherit

       这个类型是继承父类所指定的position;并且inherit可以用于指定很多CSS的继承父类。例子如下:

       div#menu{
      border:2px solid black;
      padding:5px;
     
    }
    div#menu div{
      border:inherit;
      padding:inherit;
     
    }

  • 相关阅读:
    全景拼接
    krpano之字幕添加
    UML之时序图
    krpano之语音介绍
    小工具之录音(文字转语音)
    动态生成按钮的点击事件绑定
    登录之简单验证码
    登录之md5加密
    redis与mysql数据同步
    Sql Server 主从数据库配置
  • 原文地址:https://www.cnblogs.com/shijia-dreamhome/p/4319478.html
Copyright © 2011-2022 走看看