absolute如果不追加relative其上边框距离 body 元素为 15 px 距离

Posted David1314

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了absolute如果不追加relative其上边框距离 body 元素为 15 px 距离相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>absolute距离</title>
<style>
div.parent { width:100px; height:70px; border:1px solid blue; }
div.child { width:80px; height:30px; border:1px solid black; background-color:silver; }
</style>
</head>
<body>
<div class="parent">
<div class="child">1</div>
<div class="child" style="position:absolute;top:15px;">2</div>
</div>
</body>
</html>

以上是关于absolute如果不追加relative其上边框距离 body 元素为 15 px 距离的主要内容,如果未能解决你的问题,请参考以下文章

关于absolute 和 relative 定位的定义

css中position属性:absolute和relative

为啥用absolute定位的元素,其父元素通常需要relative相对定位呢?

辨析relative与absolute

position:absolute/relative/fixed小结

辨析relative与absolute