我这个效果怎么是这样的是哪里不对嘛

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

兮默

2019-05-25 17:25

https://img1.mukewang.com/5ce909c90001467b06300719.jpghttps://img1.mukewang.com/5ce909d700010fac16000795.jpg............

写回答 关注

3回答

  • I_am_Iron_Man
    2019-05-25 17:53:44
    已采纳

    在body里的第3和第4个<div>出现了问题,如果你想让box4的文字出现在box3的框线内的话,你需要把box3的<div>的尾标签</div>移动到box4后面,正确的代码应该是下面这样的:

    <div id="box3">
        <img src="http://img.mukewang.com/541a7d8a00018cf102000200.jpg">
        <div id="box4">当我还是三年级的学生时是一个害羞的小女生。</div>
    </div>

    这样使box4成为了box3的子元素之后就对了。

    你如果不懂原因的话,可以回去翻一下12-9的讲解。原文中有这么一句:“

    使用position:relative来帮忙,但是必须遵守下面规范:

    1、参照定位的元素必须是相对定位元素的前辈元素:”


    weibo_... 回复I_am_I...

    她<img src="http://img.mukewang.com/541a7d8a00018cf102000200.jpg">后面莫名其妙多了个 </div>

    2019-06-19 15:56:00

    共 2 条回复 >

  • qq_慕哥6387630
    2019-07-21 06:37:50

    不是div而是body

  • 半生做烂泥
    2019-05-25 17:48:34

    https://img2.mukewang.com/5ce90f5b0001b5f712690759.jpg要设置数值

    I_am_I...

    你重置代码了?

    2019-05-25 18:01:50

    共 1 条回复 >

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

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

1225297 学习 · 18230 问题

查看课程

相似问题