为啥这个会遮挡
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="index.js"></script>
<style type="text/css">
#div1{
background: yellow;
height: 300px;
width:300px;
position: relative;
float:right;
right:50px;
top:20px;
}
</style>
</head>
<body>
<div id="div1">
</div>
<p>阿士科技撒放开了京东数科间里会
了就上课的垃圾分类涉及到弗兰克第三节了奥德赛开房间辣豆腐卡的死垃圾费看了
撒酒疯雷克萨缴费两款手奥地利会计法开始了大家福利卡的时间里卡了房间辣电视剧
机啊的法律框架萨克雷锋京东数科垃圾分的缴费卡时卡戴珊疯狂拉时间段里发生建档立卡
间考虑房价圣诞快乐飞机考上了</p>
</body>
</html>
position：relative，我把他right：50px，发现遮挡了文字，position：relative不是不是没有脱离文档流吗，而且float也不会遮挡文字，为啥两个加一起都遮挡了呢
正在回答
同学你好，position: relative不会脱离文档流。但是float会脱离文档流。当div和文字在同一个位置时，文字会被遮挡。
祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星