尚硅谷学习视频链接：117_CSS_盒子模型的组成部分_哔哩哔哩_bilibili
1、盒子组成
盒子组成 = content内容 + padding + border （margin不包含在盒子内）
2、div样式width、height
div的width、height指的是content的宽和高，而不是盒子总的宽和高。
3、盒子模型调试
谷歌浏览器F12,如图选择标签"元素"/"elements",然后选择二级标签"样式"/"styles"，可以看到右下方盒子模型
相关推荐
程序员黑豆8 分钟前
使用AI编程开发鸿蒙应用：从环境搭建到实战示例程序员黑豆4 小时前
鸿蒙应用开发：一次开发多端部署之响应式布局完全指南小月土星4 小时前
2.0 React Router 前端路由深度解析：从传统后端路由到现代 SPA 的完整演进badhope3387 小时前
当所有AI都在抄同一份作业：前端模板的趋同、困局与破局光影少年8 小时前
RN的Fabric 渲染流程__zRainy__8 小时前
React开始：直接在网站中使用React.js用户059540174469 小时前
大模型长记忆评测踩坑实录：2000条错位记忆，让我排查了整整3小时码林鼠9 小时前
webpack的基本配置用户938515635079 小时前
React Router 进阶：路由守卫、登录鉴权与状态传递kyriewen10 小时前
我重写了自己用了两年的防抖节流Hook——发现里面藏着3个隐藏bug