CSS–Some Structure

本文深入探讨了CSS布局中层级与位置调整的关键概念,特别是z-index属性的使用方法及层级树的概念。通过案例分析,解释了如何在存在嵌套元素时,利用z-index实现元素的正确叠放。特别关注了一个问题场景:当子元素设置顶部负外边距导致父元素随之下移的情况,提供了解决方案。

Some Structure About CSS

  1. Layout
    1. Position,Layer[层次]
    2. Box Model
    3. Visual Formatting Model
    4. BFC[block formatting content],IFC[inline formatting content]
  2. Style of Format
    1. Text
    2. Image
    3. Link
    4. Form
    5. Table
  3. CSS Reset

 

Link for some node of some Structure

 

About something that's causing the problem

  • BFC or other
    • 描述问题: 某个元素包含一个子元素,子元素设置顶部负外边距,父元素随子元素向上偏移

转载于:https://www.cnblogs.com/J-Gong/p/5272401.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值