我box4这么写也能实现这效果,这么写可对呢

来源:13-9 Relative与Absolute组合使用

慕妹1086409

2025-08-13 15:15

我box4这么写也能实现这效果,这么写可对呢

https://img1.sycdn.imooc.com/63b84968099c3b8213210537.jpg

写回答 关注

1回答

  • 囍3235905
    8天前

    <!DOCTYPE html>

    <html>

    <head>

      <style>

        #box2 {

          height: 200px;

          position: relative;

        }

        #box3 {

          position: relative;

        }

        #box4 {

          position: absolute;

          bottom: 0;

          width: 200px;

          height: 40px;

        }

      </style>

    </head>

    <body>

      <div id="box1">

        <div id="box2">相对参照元素进行定位</div>

      </div>

      <h1>下面是任务部分</h1>

      <div id="box3">

        < img src="http://img.mukewang.com/541a7d8a00018cf102000200.jpg">

        <div id="box4">当我还是三年级的学生时是一个害羞的小女生。</div>

      </div>

    </body>

    </html>


初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1229283 学习 · 19084 问题

查看课程

相似问题