css定位

195 阅读1分钟

position:relative、absolute 、static 、fixed

相对对位:以元素以前的位置为准进行偏移

position:relative;
top20pxleft20px;只有有偏移才能看到效果

绝对定位:

文档流是否需要被破坏?

绝对定位会破坏文档流,会出现浮动效果,最新的div会在最上面

绝对定位和float的区别:float下面元素不会忽略div(也就是下级元素不会被遮挡)

z-index1;数字越大越在前出现,改变层叠顺序

固定定位:相对于浏览器窗口进行定位

通常情况下,父元素设置为相对定位,为子元素的绝对定位提供偏移依据

border-radius:20px/30px;椭圆

line-height和height设置成一样的,可以使内容自动居中(垂直居中)