zoukankan      html  css  js  c++  java
  • css position 几种定位

    绝对定位:position:absolute
    
      绝对定位使元素的位置与文档流无关,因此不占据空间。
    
      绝对定位的元素的位置相对于最近的已定位祖先元素(absoulte、relative),如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。
      因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。
    
      设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。
    
      元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。
    
    相对定位:position:relative
      设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。
      注意,在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。
    
    绝对定位:position:fixed
      元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身,不在是相对于最近的已定位祖先元素
    另外z-index的使用 好像作用在定位上有效
  • 相关阅读:
    VIM
    函数指针
    《BOOST程序库完全开发指南》 第13章 编程语言支持
    《BOOST程序库完全开发指南》 第01章 Boost程序库总论
    gtest
    《BOOST程序库完全开发指南》 第04章 实用工具
    distcc配置
    《BOOST程序库完全开发指南》 第08章 算法
    Makefile
    《BOOST程序库完全开发指南》 第03章 内存管理
  • 原文地址:https://www.cnblogs.com/Wen-yu-jing/p/4113437.html
Copyright © 2011-2022 走看看