zoukankan      html  css  js  c++  java
  • CSS世界(五)定位元素

    定位,指确定某一事物在一定环境中的位置

    属性position

    属性值: fixed , relative, absolute, static
    非static属性值,会使得元素表现为block
    

    static

    默认定位, 跟随文档流; 一般 从上至下,从左至右; 修改过文本流方向除外

        body{
            position: static;
            top: 100px;
            left: 100px;
        }
    

    fixed

    固定定位, 常用于广告,或醒目的固定内容; 作用于可视窗口

        body{
            position: fixed;
            top: 100px;
            left: 100px;
        }
    

    relative

    相对定位; 相对于当前元素在正常文档流的位置

        body{
            position: relative;
            top: 100px;
            left: 100px;
        }
    

    absolute

    绝对定位,相对于最近一个非static修饰的父级元素

        body{
            position: absolute;
            top: 100px;
            left: 100px;
        }
    

    瞅瞅非static定位

    * 不设置top,left,bottom,right会如何?
    * 固定了宽高,设置top,left,botoom,right优先级如何?
  • 相关阅读:
    CSS动画小结
    CSS效果常见问题
    CSS效果小结
    CSS(非布局样式)
    CSS(选择器)
    SkipList
    实现一个简易版RPC
    实现一个简易版的SpringMvc框架
    关于缓存击穿
    java多线程系列 目录
  • 原文地址:https://www.cnblogs.com/pengsn/p/12334587.html
Copyright © 2011-2022 走看看