课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
position:absolute;可以换成position:relative吗 为什么啊
2016-07-20
源自:初识HTML(5)+CSS(3)-升级版 15-11
正在回答
echo "hello word";
绝对定位是相对浏览器页面的,而相对定位的话则是相对父元素或子元素等特定某个元素的,二者是有本质的区别的。
说的都不对,既然position:absolute可以变成块状元素,为什么position:telative就不可以呢?
绝对定位position:absolute;相对于浏览器窗口。相对定位position:relative相对于某个元素。
不可以,因为position:absolute;和float:left;都是脱离了文档流的设置,使它们成为独立的块元素,而position:relative保留了它原有的位置,并没有把a这个内联元素变成块元素,所有不行。如下代码可以实现
.container a{
display:block;
position:relative;
width:300px;
background:#ccc;
}
relative:元素位置相对于它的原始起点进行移动该,元素会占据原空间,因此移动元素会导致它覆盖其他.absolute :元素位置会依浏览器左上角进行计算,该元素脱离文档流,因此不占据空间,它所覆盖的其他元素通过z-index来控制它的层级次序,z-index值越高,它显示的越在高层.
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1 回答24行用absolute与relative的区别
2 回答++和- -的区别
1 回答relative和absolute
1 回答;和空格的区别
1 回答span和div的区别
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号