为什么图片和box4都在box3 div中,但是box3的border只包含里图片而没有包含住box4?

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

慕婉清7504353

2018-09-12 02:31

为什么图片和box4都在box3 div中,但是box3的border只包含里图片而没有包含住box4?

写回答 关注

6回答

  • 凯lhck2018
    2018-11-05 09:16:50

    box4在box3 底部:

    #box4{

        width:99%;

        position:absolute;

      bottom:0;

        

    }


  • YXXY
    2018-10-29 14:02:01

    图片大小导致div4下去的,

    你可以尝试测试

    给img加style="height:100px;"

    apahce

    请问一下,为什么加了height:100px,会变成缩放,按理说不应该只是高度变小吗?

    2019-03-24 14:54:25

    共 1 条回复 >

  • 慕斯卡2358530
    2018-10-26 23:08:18

    box3中设定了height高度,填充图片后  因为div是块级元素,div里面的内容会在其下方显示,插入的图片的高度差不多占满了div的高度,box在加入会撑破box3的高度,所以会显示在下面。

  • MuAmi
    2018-09-14 13:41:46

    因为box3设定了height高度,如果删除box3 css里的高度设定你再看就包含了!

  • SeverusX
    2018-09-12 16:26:14

    因为位移前提是box4,而图片不是这个id
    <div id="box3">
        <img src="...">
        <div id="box4">...</div>
    </div>

    css代码部分写的是:#box4{...}

  • 慕尼黑7262767
    2018-09-12 09:45:12

    #box4{

        position:absolute;

        width:99%;

      top:79%;  

    }


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

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

1225813 学习 · 18234 问题

查看课程

相似问题