我家空空 2021-11-25 10:30 采纳率: 50%
浏览 93
已结题

为什么设置div浮动,不会影响其后面的img元素?

<style>
        .box{
            width: 1260px;
            height: 460px;
        }
        .box img{
            width: 100%;
            height: 100%;
        }
        .box div{
            width: 100px;
            height: 100px;
            background-color: red;
            float: left;
        }
        p{
            height: 360px;
            background-color: blue;
        }
    </style>
<body>
    <div class="box">
        <div></div>
         <img src="./images/03.png" alt="">
        <!-- <p></p> -->
    </div>
</body>

这段代码里,给div设置了浮动,后面的img元素却不会受到影响。但是换成p元素,却会向上移动,产生覆盖的效果?怎么才能使得img元素也产生像p元素一样的效果呢?

img

img

  • 写回答

1条回答 默认 最新

  • 你好!机器人 2021-11-25 10:37
    关注
    
    <style>
            .box{
                width: 1260px;
                height: 460px;
                position:relative;
            }
            .box img{
                width: 100%;
                height: 100%;
    
            }
            .box div{
                width: 100px;
                height: 100px;
                background-color: red;
                position:absolute;
                top:0;
                left:0;
            }
            p{
                height: 360px;
                background-color: blue;
            }
        </style>
    <body>
        <div class="box">
            <div></div>
            <img src="aa/dygj-m/images/index_01.jpg" alt="">
    
        </div>
    </body>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 12月3日
  • 已采纳回答 11月25日
  • 创建了问题 11月25日

悬赏问题

  • ¥200 如何使用postGis实现最短领规划?
  • ¥15 pyinstaller打包错误
  • ¥20 cesm的气溶胶排放文件
  • ¥15 逐月累计,月份不连续,补齐月份
  • ¥15 应用简单的Python代码完成一个学生成绩管理系统
  • ¥15 用matlab求微分方程初值问题
  • ¥15 vscode下编写第三方库opencv与pcl代码时没有代码提示
  • ¥15 能够跑通不报错,如何解决?(标签-matlab)
  • ¥15 MOS在RDS较大,频率高时开关波形异常
  • ¥15 SCENIC分析报错求解答