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

CSS定位补充

时间:2023-03-28 14:48:31 HTML

1.定位堆叠顺序使用定位布局时,框可能会重叠框。这时候可以使用z-index来控制boxes的顺序。div{位置:绝对;z-index:1;}z-index的值可以是正整数、负整数或0,默认为auto。值越大,箱子越高;如果值相同,则按照书写顺序,后者高。只有定位框才具有z-index属性。绝对定位/固定定位的盒子会完全压制下面的盒子,而浮动元素只会压制后面的标准流式盒子,而不会压制盒子里面的文字或者图片,因为浮动的本意是做文字环绕效果。2.offset属性冲突如果一个定位框同时具有left和right属性,则默认执行left属性。同理,如果盒子同时有top和bottom属性,则默认执行top属性,忽略bottom。属性。