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

absulute和relative的区别

position:absolute;可以换成position:relative吗 为什么啊

正在回答

6 回答

echo "hello word";


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

绝对定位是相对浏览器页面的,而相对定位的话则是相对父元素或子元素等特定某个元素的,二者是有本质的区别的。

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

说的都不对,既然position:absolute可以变成块状元素,为什么position:telative就不可以呢?

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

绝对定位position:absolute;相对于浏览器窗口。相对定位position:relative相对于某个元素。


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

不可以,因为position:absolute;和float:left;都是脱离了文档流的设置,使它们成为独立的块元素,而position:relative保留了它原有的位置,并没有把a这个内联元素变成块元素,所有不行。如下代码可以实现

.container a{

    display:block;

    position:relative;

width:300px;

background:#ccc;

}


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

relative:元素位置相对于它的原始起点进行移动该,元素会占据原空间,因此移动元素会导致它覆盖其他.absolute :元素位置会依浏览器左上角进行计算,该元素脱离文档流,因此不占据空间,它所覆盖的其他元素通过z-index来控制它的层级次序,z-index值越高,它显示的越在高层.

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

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1226998    人
  • 解答问题       18247    个

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

进入课程

absulute和relative的区别

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

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

帮助反馈 APP下载

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

公众号

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