zoukankan      html  css  js  c++  java
  • CSS 定位机制

    CSS 有三种基本的定位机制:普通流、浮动和绝对定位。

    相对定位
    是“相对于”元素在文档中的初始位置

    绝对定位
    的元素的位置相对于最近的已定位祖先元素,如果元素没已定位的祖先元素,那么它的位置相对于最初的包含块。
    脱离文档流,他的宽高设成%的话,是它相对的 当sub1的父对象(或曾祖父,只要是父级对象)parent也设置了position属性,且position的属性值为absolute或者relative时,也就是说,不是默认值的情况,此时sub1按照这个parent来进行定位。

    浮动
    的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
    由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。

    fixed
    fixed是特殊的absolute,即fixed总是以body为定位对象的,按照浏览器的窗口进行定位。positon:fixed;
    这个是相对于整个页面框架去定义定位,你可以简单的理解为相对于可视区去定位,一般页面上飘来飘去的,或者浮动在顶部或右下角的小模块都是用的fixed;

  • 相关阅读:
    软件测试人员的要求
    冒烟测试和回归测试的区别
    [go]struct
    [go]socket编程
    [go]gorhill/cronexpr用go实现crontab
    [go]os/exec执行shell命令
    [go]time包
    [go]etcd使用
    [go]redis基本使用
    [go]go操作mysql
  • 原文地址:https://www.cnblogs.com/hyp5490-/p/6376839.html
Copyright © 2011-2022 走看看