4.4CSS定位机制概述

1.定位机制:把各个盒子(也就是页面元素)放在具体的位置。
2.定位机制的分类:
(1)文档流flow:默认的一种情况,不需要额外的设置,每种元素在当前的页面上呈现出来的状态。页面元素从左到右,从上到下显示,只是有的元素单独占一行,有的元素排在别的元素的右边。
(2)浮动定位float:改变默认的文档流的情况。脱离文档流,让元素浮动起来。浮动定位采用float属性,属性值为right,向右浮动,属性值为left,向左浮动。
(3)层定位layer:当前的网页的元素像图层一样前后层叠在一起,有一个叠加的效果,摆在上面的层可以遮掉下面的层。层定位采用position属性。
在这里插入图片描述
在这里插入图片描述

posted @ 2022-10-08 01:20  昔痕  阅读(4)  评论(0编辑  收藏  举报