web开发总结

本文详细介绍了CSS中层叠上下文的概念与实现方式,并深入探讨了不同定位方式(包括relative、absolute、fixed等)的特点及其应用场景。同时,文章还解释了如何通过设置z-index来控制元素的堆叠顺序。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、<span>第一块文字<.span>

2、overflow :hidden 脱离父层, 自己定义标准-   用于消除浮动
属性 1、visible:超出部分可见
2、auto 自动添加滚动条(特别用于添加图片的时候)
3、scroll:按照父层的元素的大小显示,但子元素大小如果超过父元素时 会自动添加滚动条
4、hidden:超出部分隐藏
3、position
属性:1 relative相对布局;
top:0px;
left:30px;(在原来位置上,移动)(任何时候都已left 和top为准(有bottom和right的时候))
margin-left:20px;   (总的left=50px)
2、absolute 据对布局  ------根据从自己所在层往外找,所找到的第一个已经定位的父层
3、fixed:是相对可以看到的 HTML框架的 位置-即 不会  随着滚动界面而改变位置
4、层高(就是那个层能够 覆盖哪个层)
z-index: +数字
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值