尚硅谷学习视频链接：117_CSS_盒子模型的组成部分_哔哩哔哩_bilibili
1、盒子组成
盒子组成 = content内容 + padding + border （margin不包含在盒子内）
2、div样式width、height
div的width、height指的是content的宽和高，而不是盒子总的宽和高。
3、盒子模型调试
谷歌浏览器F12,如图选择标签"元素"/"elements",然后选择二级标签"样式"/"styles"，可以看到右下方盒子模型
相关推荐
code_YuJun2 小时前
corepack 作用千寻girling2 小时前
Koa.js 教程 | 一份不可多得的 Node.js 的 Web 框架 Koa.js 教程全栈前端老曹2 小时前
【MongoDB】Node.js 集成 —— Mongoose ORM、Schema 设计、Model 操作code_YuJun2 小时前
pnpm-workspace.yaml天才熊猫君2 小时前
“破案”笔记：iframe动态加载内容后，打印功能为何失灵？五月君_2 小时前
炸裂！Claude Opus 4.6 与 GPT-5.3 同日发布：前端人的“自动驾驶“时刻到了？Mr Xu_2 小时前
前端开发中CSS代码的优化与复用：从公共样式提取到CSS变量的最佳实践鹏北海-RemHusband3 小时前
从零到一：基于 micro-app 的企业级微前端模板完整实现指南LYFlied3 小时前
AI大时代下前端跨端解决方案的现状与演进路径光影少年3 小时前
AI 前端 / 高级前端