position

来源:2-1 div设置(上)

今天也学习python

2020-02-28 11:27:30

绝对定位和相对定位是什么意思


写回答

1回答

时间,

2020-02-28

同学,你好。同学可以根据下述描述及例子来理解相对定位和绝对定位。同学也可以在代码中实际操作下,可以更好的理解

1、position: relative;相对定位:是相对于原来位置移动,元素设置此属性之后仍然处在文档流中,不影响其他元素的布局

2、position: absolute;绝对定位:绝对定位是相对于元素最近的已定位的祖先元素(即是设置了绝对定位或者相对定位的祖先元素)。如果元素没有已定位的祖先元素,那么它的位置则是相对于最初的包含块(body)。

例:一个所有元素都没有设置过任何定位方式的原始页面布局。

http://img.mukewang.com/climg/5e58c6a509c9c92e04420304.jpg

我们把box-2设置成相对定位并向左移动60像素,向下移动120像素。

http://img.mukewang.com/climg/5e58c7060959c64c04370305.jpg

给box-2设置成position: absolute;

http://img.mukewang.com/climg/5e58c73609b6a35e04430358.jpg

box-2脱离文档流漂浮到文档上方,并且后面的元素填补了上去,说明元素设置绝对定位后脱离文档流,后面的元素将填补它的位置。

如果我的回答解决了您的疑惑,请采纳!祝学习愉快~~~~

0

0 学习 · 3562 问题

查看课程