zoukankan      html  css  js  c++  java
  • position属性中的绝对定位和相对定位

    absolute(绝对定位):
    1.如果没有父级DIV,则会根据浏览器原始点去定位,而且跟他相邻的DIV会忽略它,定位后则可用TRBL(top,right,bottom,left)去布局。注意:TRBL必须在设定了position后方可用。
    2.如果有父级DIV,那还要看父级DIV是否有position和padding设置,如果有,则此DIV会根据父DIV去定位,且有“撑开或占据高度”的作用,如果没有,则跟上面没有区别。
    relative(相对定位):
    1.如果没有父级DIV,它和absolute没有区别。顶级DIV最好设成relative定位。
    2.如果有父级DIV,但父级没设置position,那还是根据body内容区去定位的。如果顶级DIV用relative定位则放小窗口也不会影响页面的,但absolute就会全部重叠。
    3.如果父级设置了position或者padding属性后,则此DIV会根据父DIV去定位。而且有“撑开或占据高度”的作用。

  • 相关阅读:
    vue中常用的属性标签
    Vue 基本简介
    ES6 Map 和 WeakMap
    ES6 set/weakset
    ES6 generator生成器函数 async
    ES6 promise对象
    信息论-熵-随机变量-泛函
    机器学习一
    RS-232接口
    图的存储结构
  • 原文地址:https://www.cnblogs.com/loveflycforever/p/5274290.html
Copyright © 2011-2022 走看看