DAY11 / CSS / 定位拓展+轮播图案例+元素的显示隐藏

目录

定位的拓展
定位叠放次序
绝对定位的盒子居中算法
定位特殊特性
绝对定位固定定位会完全压住盒子
元素的显示隐藏
display(重要)
visibility
overflow 溢出

定位的拓展
定位叠放次序
z-index 来控制盒子的前后次序 (z轴)
数值可以是正整数负整数或0 默认是auto 数值越大越靠上如果属性值相同,则按照书写的顺序后来者居上数字后面不能加单位只有定位的盒子才有z-index

绝对定位的盒子居中算法
加了绝对定位的盒子不能通过margin auto来水平居中
left:50% 父容器宽度的一半
margin-left:负的绝对定位盒子宽度的一半
垂直居中
top:50%
margin-top:负的绝对定位盒子高度的一半

定位特殊特性
绝对定位和固定定位也和浮动类似
行内元素添加绝对定位或者固定定位,可以直接设置高度和宽度块级元素添加绝对定位或者固定定位,如果不给宽度和高度,默认大小是内容的大小浮动元素、绝对定位、固定定位元素是脱标的盒子,都不会触

DAY11 / CSS / 定位拓展+轮播图案例+元素的显示隐藏最先出现在Python成神之路

版权声明:
作者:玉兰
链接:https://www.techfm.club/p/22173.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>