                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

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

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

谢谢..

我不想要这一种效果，想要第一张图那种，谢谢..

慕粉18764815087

2016-07-24

源自：初识HTML(5)+CSS(3)-升级版 13-9

关注问题我要回答

907

操作

收起

5 回答

hylobates
2016-07-24

#box3{

width:200px;

height:200px;

position:relative;

}

#box4{

width:200px;

position:absolute;

bottom:0;

border-left:0;

border-bottom:0;

}

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

0 回复有任何疑惑可以回复我~

收起回答

沙漏01234567
2016-07-24

#box3{

position:relative;

     width:200px;
    height:200px;

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

1 回复有任何疑惑可以回复我~

收起回答

一生ChengNuo
2016-07-24

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

0 回复有任何疑惑可以回复我~

收起回答

weibo_放荏的蓓影baby_03647355
2016-07-24

#box3{

width: 200px;

height: 200px;

position:relative;

}

#box4{

position:absulote;

bottom:0px;

width:99%;

}

0 回复有任何疑惑可以回复我~

收起回答

慕粉18764815087 提问者

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

2016-07-24 回复有任何疑惑可以回复我~

blooklyn96
2016-07-24

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

}

0 回复有任何疑惑可以回复我~

收起回答

慕粉18764815087 提问者

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

2016-07-24 回复有任何疑惑可以回复我~

blooklyn96 回复慕粉18764815087 提问者

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

2016-07-25 回复有任何疑惑可以回复我~

0/150

提交

取消

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

参与学习 1226379 人
解答问题 18241 个

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

进入课程

本课相似问答

2 回答请问大神：div3中定义div4

4 回答12-9中的案例使用了div的一层嵌套，如果是多层嵌套，如何设置?

3 回答为啥每一块的上下有间距呢？

2 回答在11-9中，文本从左上方显示，如何使其上下左右居中？

4 回答代码中并未设置margin的值，为何会显示每个边框之间有间距呢？

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

5 回答

本课相似问答

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