分别设置层布局absolute和relative后,元素宽度为什么不同?

为什么absolute宽度和内容长度一致,relative宽度和窗口宽度一致?什么原理?

<style>

.absolute{

    border:1px solid red;

    position:absolute;

}

.relative{

    border:1px solid red;

    position:relative;

    top:100px;

}

</style>


<body>

<div class="absolute">我们来学习一下这种方法。</div>

<div class="relative">我们来学习一下这种方法。</div>

</body>

</html>


慕仰0369036
浏览 3145回答 3
3回答

Stardust1001

看看父元素,absolute要求父元素也要是absolute或relative的

慕运维2284031

他就是这样的 absolute要和父级等宽要设置宽度为100%

qq_歲月靜好不忘初心_0

你这两个div的父元素是body,,页面打开在浏览器中按f12看看具体元素引用的css样式是什么。
打开App,查看更多内容
随时随地看视频慕课网APP