有关CSS的定位问题

定位:可以将元素放在网页的任意一个位置。

常见场景:

①一个盒子叠在另外一个盒子上面的情况。定位后的盒子层级最高,在最上层。(相对、绝对)。

②将盒子固定在【屏幕】的某个位置。(固定定位)。

使用定位的步骤:

 

一、静态定位static(一般没用)。

二、 相对定位relative:

 

 

 三、绝对定位absolute:

 

☆子绝父相:因为父元素定位了,子元素参照父元素定位。父元素没有定位,子元素参照浏览器定位。注:【绝对定位】后的元素具有行内块元素特点,设置宽高生效。

 

四、固定定位fixed:

 

注:【固定定位】后的元素具有行内块元素特点,设置宽高生效。

 

五、层级定位的方法(略)。

 

————————————————————

 

posted @ 2022-03-14 23:28  RHCHIK  阅读(74)  评论(0编辑  收藏  举报