zoukankan      html  css  js  c++  java
  • CSS基础

    position的值如下:

    1.absolute:生成绝对定位的元素,相对于当前元素的父元素中position为static之外的第一个元素进行定位

    .box {
    float:left;
    border-style:dotted;
    border-color:blue;

    margin-right:2%;
    margin-left:2%;//box的左侧盒最外层的width是其父元素中position为static之外的第一个元素的宽度的26%;
    top:-30px;
    16%;//box的width是其父元素中position为static之外的第一个元素的宽度的26%;
    height:200px;
    bottom:30px;//box的底部高于其父元素中position为static之外的第一个元素的底部30px;

    position:absolute;//如果position为fixed,则box的位置,宽度引用均参照于浏览器窗口的大小;
    }

    2.fixed:生成绝对定位的元素,相对于浏览器窗口

    3.static:position的默认值,此时忽略当前元素上定义的top,left,reght,bottom,z-index

    4.relative 生成相对定位元素,按照正常的位置进行布局,top=20px 会给该元素左侧增加20px的间隔。

    .main {
    position:relative;
    margin-top:50px;
    border-style:dashed;
    border-color:red;
    border-3px;
    height:300px;
    1560px;
    }

    5.inherit从父元素获取position值

     

  • 相关阅读:
    Redis实现分布式锁
    Redis数据结构
    Mysql与redis缓存一致性
    mysql分库分表
    mysql主从同步
    mysql配置优化
    Netty 参数优化
    JAVA多线程之park & unpack
    网络时钟服务器(网络校时服务器)无法同步的排查方法
    GPS北斗共视授时中的多径效应分析
  • 原文地址:https://www.cnblogs.com/wzcblogs/p/6513122.html
Copyright © 2011-2022 走看看