在12-9这个案例中如何让div3和div4的上下间距为0呢?

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

慕粉18764815087

2016-07-24 19:56

在div3和div4是父子关系的情况下

http://img.mukewang.com/5794b21d000130f602570332.jpg

实现这种效果,注意不是第二张图那种


谢谢..

http://img.mukewang.com/5794dc740001fea802570224.jpg我不想要这一种效果,想要第一张图那种,谢谢..


写回答 关注

5回答

  • hylobates
    2016-07-24 23:09:13

    #box3{

        width:200px;

        height:200px;

        position:relative;       

    }

    #box4{

        width:200px;

         position:absolute;

        bottom:0;

        border-left:0;

        border-bottom:0;

    }

    在我电脑上效果完美,你可以试一下。

  • 沙漏01234567
    2016-07-24 20:42:50

    #box3{

        position:relative;

         width:200px;
        height:200px;
       
    }
    #box4{
        position:absolute;
        top:200px;
        width:200px;
    }

  • 一生ChengNuo
    2016-07-24 20:16:31

    你可以在box4的style里面将它的上边框设置0像素 可以达到那个效果但是不太美观

  • weibo_放荏的蓓影baby_03647355
    2016-07-24 20:15:25

    #box3{

    width: 200px;

    height: 200px;

    position:relative;

    }

    #box4{

    position:absulote;

    bottom:0px;

    width:99%;

    }


    慕粉1876...

    谢谢你的回答 我的表述不太清楚,重新修改了问题您看一下

    2016-07-24 20:20:21

    共 1 条回复 >

  • blooklyn96
    2016-07-24 20:11:14

    #box3{
        width:200px;
        height:200px;
        position:relative;       
    }
    #box4{
        width:99%;
         position:absolute;    
        bottom:0px;
        
    }

    blookl... 回复慕粉1876...

    #box3{ width:200px; height:200px; position:relative; } #box4{ position:absolute; top:200px; width:200px; left:-2px; }

    2016-07-25 09:03:56

    共 2 条回复 >

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

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

1228578 学习 · 19080 问题

查看课程

相似问题