为什么img绝对定位了,从文档浏删除,那为什么两个图片没有覆盖?

空扰寡人 提交于 2019-12-02 14:47:01

因为img绝对p相对,p的盒子大小已经设定了,如果没设定,p的盒子大小就是内容撑起。

那为什么相对定位删了(删后效果:所有位置都没变只有文字分别被两个图片覆盖),绝对定位的图片还和p有绝对定位一样,位置没变:因为绝对定位没设数值且前面有块元素挡着。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
img{
    position: absolute;


}
p{
 word-wrap: break-word;
 position: relative;
      width: 427px;
    height: 416px;

}


</style>
</head>
<body>
        <div>
            <img src="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" alt="">
            <p>enenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenenen</p>
</div>
            <img src="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" alt="">
            <p class="re">中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文中文</p>

</body>
</html>

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!