🪴qql1's digital garden

Home

❯

笔记

❯

计算机知识

❯

app应用

❯

webAPP

❯

前端

❯

html

❯

概念

❯

外边距穿透

外边距穿透

2026年1月26日1分钟阅读

  • (前端-dom-bom)标签-(前端-dom-bom)元素-(前端-dom-bom)节点
  • (电脑-PC-桌面端-计算机)成员-/(电脑-PC-桌面端-计算机)方法-(电脑-PC-桌面端-计算机)函数-(电脑-PC-桌面端-计算机)功能
  • 部署-配置-安装-调好-设置-初始化
  • 镜像-image
  • 文件-文档-txt文件-笔记
  • 前端-dom-bom/html-
  • (电脑-PC-桌面端-计算机)应用-软件-程序-app
  • 网站-网页端-web端-web应用-webAPP
  • 标签-tag
  • review/前端/基础/CSS

CSS

梗概

  • 当前块级元素的上下外边距不会撑起父元素的盒子模型,并一直往上级穿透

阻挡穿透的方法

  • 给上级某一级元素设置边框或内边距或BFC
    • 穿透到这一级就会撑起来,就会停止穿透
  • 把产生穿透的元素设置行内标签或行内块级标签

实例


关系图谱

  • 梗概
  • 阻挡穿透的方法
  • 实例

反向链接

  • BFC
  • 块级标签

Created with Quartz v4.5.2 © 2026

  • GitHub
  • Discord Community