zoukankan      html  css  js  c++  java
  • CSS 定位相关属性 :position

    我们平时经常用margin来进行布局,但是遇到一些盒子不规律布局时,用margin就有点麻烦了,这个时候我们可以用position。

    position:参数

    参数分析: 一、absolute: 相对父元素进行定位,可以与其它盒子重叠,可以用z-index来设置重叠顺序。

                   二、relative:相对于其正常位置(正常文档流)进行定位,对象不可层叠。

                   三、fixed:相对于浏览器窗口进行定位。

                   四、inherit:从父元素继承 position 属性的值,需要注意的是任何的版本的 Internet Explorer 都不支持属性值 "inherit"

                   五、static:默认值,没有定位。

    用"left", "top", "right" 以及 "bottom" 进行位置偏移。

    定位使用通常是父级定义position:relative定位,子级定义position:absolute绝对定位属性

    注意:

    一、同一对象position定位与float浮动不能同时使用。

    二、left(左)和right(右)在一个对象只能选一种定义,bottom(下)和top(上)也是在一个对象只能选一种定义,好比一个人不能又高又矮一样。

         但有一种情况例外,那就是在不指定高度的情况下,同时使用top和bottom的话,盒子将会铺满个整个页面

  • 相关阅读:
    Android 仿iPhone ListView拖动排序 按钮联动删除显示隐藏
    START WITH CONNECT BY PRIOR 链表查询
    pdf转图片
    HttpClient支持使用代理服务器以及身份认证
    easyui 1.3.3 中combotree post传参问题
    quartz Cron表达式
    lucene分词多种方法
    secureCRT命令大全
    tbschedule
    mysql 查询表
  • 原文地址:https://www.cnblogs.com/xsphehe/p/6518074.html
Copyright © 2011-2022 走看看