为什么bottom设置为0
来源：13-9 Relative与Absolute组合使用
nancy_chayan
2016-09-26 23:38
在box3设置定位，在box4设置position后，为什么bottom要设置为0，而不是其他数值的呢（虽然其他数值不能定位到那个位置）
写回答
关注
5回答
-
- 在那里
- 2016-09-26 23:54:43
box3是定位的元素，box4可以相对于父元素box3定位l ,bottom设置为0就是，底部为0，其他数值也行，top：160px左右
-
- web_東
- 2016-10-07 21:13:46
<box4>子元素相对于<box3>父元素而绝对定位，但是不可以设置宽度和高度，
/*下面是任务部分*/
#box3{position:relative;
width:200px;
height:200px;
}
#box4{position:absolute;
bottom:2px;
top:100px;
}
em{font-weight:bold;color:red;
}
-
- nancy_chayan
- 2016-09-27 09:42:00
谢谢给位的解答。
-
- jahk
- 2016-09-26 23:52:03
因为已经把box3定位了，box4是根据它来移动的。
-
- 慕粉198531
- 2016-09-26 23:48:42
box4在box3中，设置bottom:0;就是把box4放在box3的最下面，起到给图片做个介绍的意思，之所以box4会在box3的最下面，是由于box3设置了position后，box4作为他的子元素定位参考的是父元素，也就是参考box3定位，不再参考body（整个页面）来定位了。
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225808 学习 · 18234 问题
相似问题
bottom设置为0重合
回答 3
为什么这里bottom是0呢？
回答 2
为什么bottom为0px？
回答 1
bottom=0和bottom:0的区别
回答 2
设置border-bottom宽度?
回答 3