relative的使用

效果图
relative在父级元素设置，absulate在子元素设置才有想象中的效果

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><style>.bi1 {width: 100%;height: 500px;}.big2 {width: 1190px;height: 500px;position: relative;margin: 0 auto;}.zishang {background-color: #C5E0B4;position: absolute;top: 80px;width: 80px;height: 43px;}.zixia {display: inline-block;background-color: #62C292;top: 90px;}
</style><body><div class="big1" style='background-color:#F8CBAD;padding-top:10px;'>祖先元素<div class="big2" style='background-color:#FFE699;border:10px solid white;padding-top:10px;'>父级元素<div class="zishang">子元素(上)</div><div class="zixia">子元素(下)</div></div></div>
</body></html>

relative的使用相关推荐

CSS中position属性( absolute | relative | static | fixed )详解
我们先来看看CSS3 Api中对position属性的相关定义: static:无特殊定位,对象遵循正常文档流.top,right,bottom,left等属性不会被应用. relative:对象遵循 ...
R语言编写自定义函数、评估回归模型预测变量的相对重要性（Relative importance）、通过在所有可能的子模型中添加一个预测变量而获得的R方的平均增加、评估预测变量的重要度、并通过点图可视化
R语言编写自定义函数.评估回归模型预测变量的相对重要性(Relative importance).通过在所有可能的子模型中添加一个预测变量而获得的R方的平均增加.来评估预测变量的重要程度.并通过点图可 ...
CSS 相对|绝对(relative/absolute)定位系列（一）
一.有话要说以前写内容基本上都是:眼睛一亮--哟呵,这个不错,写!然后去古人所说的茅房里蹲会儿,就有写作的思路了.但是,构思相对/绝对(relative/absolute)定位系列却有好些时日,考虑 ...
兼容性—IE6/7下带有overflow:hidden属性的父级元素包不住带有position：relative属性的子元素...
IE6/7下带有overflow:hidden属性的父级元素包不住带有position:relative属性的子元素 <!DOCTYPE html> <html lang=" ...
[译][python]ImportError:attempted relative import with no known parent package
前言在这篇文章中,我将会解析 ImportError: attempted relative import with no known parent package 这个异常的原因.当你在运行的py ...
CSS里面position：relative与position：absolute 区别
position:absolute这个是绝对定位: 是相对于浏览器的定位. 比如:position:absolute:left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离 ...
Efficiency / Relative Efficiency and the Efficient Estimator
What is Efficiency? The meaning of "efficient" in statistics isn't much different from the ...
[解决方案]SystemError: Parent module ‘‘ not loaded, cannot perform relative import的解决方案
[解决方案]SystemError: Parent module '' not loaded, cannot perform relative import的解决方案参考文章: (1)[解决方案]S ...
Attempted relative import in non-package
Attempted relative import in non-package C:\Users\libanggeng\AppData\Local\Continuum\Miniconda3\envs ...
relative和absolute的区别
这里向大家简单介绍一下CSS+DIV布局中absolute和relative属性的用法和区别,定位为relative的元素脱离正常的文本流中,但其在文本流中的位置依然存在,而定位为absolute的层 ...

relative的使用

relative的使用相关推荐

最新文章

热门文章