Content、padding、border，padding 和 border都向内挤压 。切换代替盒模型：box-sizing: border-box有时候为了更精确的控制布局，会强制使用IE盒模型并初始内外边距为0：box-sizing: border-box; margin: 0px; padding: 0px;
文章插图
4.3、min/max-content内容尺寸下面的
*-content（IE）“值”用来设置元素的宽度、高度，是基于盒子的内容来动态设置盒子尺寸 。尺寸值描述min-content最小内容尺寸，基于盒子内容
content最小的尺寸max-content最大内容尺寸，基于盒子内容content最大的尺寸fit-content适应内容尺寸（/f?t/适应，合适），会根据视口的大小自适应min-content、max-content<style>#d1 p{background-color: antiquewhite; padding: 3px;margin: 5px 0px;}</style><div id="d1"><p style="width:min-content;">标题H2 title：min-content</p><p style="width:max-content;">标题H2 title：max-content</p><p style="width:fit-content;">标题H2 title：fit-content</p><p style="width:auto;">标题H2 title：auto</p></div>
文章插图
?版权申明：版权所有@安木夕，本文内容仅供学习，欢迎指正、交流，转载请注明出处！经验总结扩展阅读
- CSS 动画一站式指南
- 怎么看电脑配置高低（100个电脑基础知识)
- 为什么CSS中的calc函数可能会不生效？
- day03-CSS
- CSS 渐变锯齿消失术
- 1 人人都懂的HTML基础知识-HTML教程
- Redis 02: redis基础知识 + 5种数据结构 + 基础操作命令
- Docker_基础知识
- 前端开发日常——CSS动画无限轮播
- Vue3 JS 与 SCSS 变量相互使用
