为了账号安全,请及时绑定邮箱和手机立即绑定

12-9内容中我的代码如下

2、参照定位的元素必须加入position:relative;(此处我用absolute也行

#box1{
   width:200px;
   height:200px;    position:relative;        }

请问为啥?

正在回答

1 回答

参照w3c网站上对于position:absolute的解释:

生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

所以, 父元素的position设为absolute并不与定位冲突,只是一般而言会把父元素的position设为relative而已。

在你的问题里, 只要再加入top、left、right或bottom属性就会得到不一样的结果了, 因为relative和absolute的定位方式不一样。

你可以看一下下面这两者的差别:

#box1{   
width:200px;   
height:200px; 
position:relative;
top:100px;
}

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

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

举报

0/150
提交
取消

12-9内容中我的代码如下

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号