当前位置: 首页 > Web前端 > CSS

css定位总结_0

时间:2023-03-31 12:10:56 CSS

CSS-PositionPositioned布局模块提供了元素定位和层叠相关的功能。是核心模块static静态定位,常规定位,自然定位功能:常规自然流定位1.忽略top,bottom,left,right,orz-index2。如果设置了两个相邻的边距,最后的边距将是最大的。3、对于固定宽高值的元素,如果设置左右外边距为auto,则左右外边距会自动扩大覆盖剩余宽度,导致块居中-index用于相对定位2.相对定位的元素不会离开常规流3.任何元素都可以设置为relative,其绝对定位的后代可以相对于它绝对定位4.浮动元素可以偏移,并控制它们的堆叠顺序Absolute:Function:Make元素流出正常流特点:1.流出正常流2.注意设置大小:百分比是谁的?最近定位的祖先元素3.如果lrtb设置为0,它将与最近定位的祖先元素的边一条一条对齐,从而得出居中技巧4.如果lrtb设置为auto,则返回到原来的位置shape5.如果没有最近定位的祖先元素会将识别为父亲6.z-index可以控制堆叠顺序Fixed:basicandabsolute固定定位是相对于视口,绝对定位是相对于父级粘性:磁铁定位、粘性定位、吸附定位相对和固定的完美结合,产生吸附效果。特点:1、如发生移仓,原仓位仍正常流转,保留三分之一亩地。2.如果它最近的祖先元素有滚动,那么它的偏移标尺就是最近的祖先元素3.如果最近的祖先元素没有滚动,那么它的标尺就是视口4.偏移规则框模型和定位框模型:通过改变框的外边距和内边距实现元素的移动定位:通过移动元素的位置来改变在网页中出现的相对位置