快捷导航

relative和absolute的使用?

我在浏览器中输入两个框#div1{  top:500px;  width:200px;  height:200px;  border:2px solid red;  position:relative;}#div2{  width:30px:  height:30px;  border:2px solid black;  position:relative;  top:20px;  left:50px;}......  

这时候我把设置div2的top,我没有在div2中设置position:absolute,但是div2也是相对于div1来偏移,在CSS 12-9课中讲的是需要在div2中设置position:absolute,才可以相对前辈元素来定位的么?我没有设置为什么也可以定位?

免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。

版权声明:作者保留权利,不代表本站立场。

回复

使用道具 举报

参与会员1

absolute 是根据父元素中最近的设置relative的元素的位置来设定,如果没有设置relative的父元素,就以html为基准
回复

使用道具 举报

可能感兴趣的问答

发新帖
  • 微信访问
  • 手机APP