CSS中宽度和高度，是每个元素最基本的属性，也是CSS中最难懂的一部分。我们常常用父元素来限制一个元素的宽度，同事也可以让它动态化。最大（maximum）和最小（minimum）宽度在控制元素的宽度上很有用。

文章中通过宽度和高度的最大和最小的CSS属性，并用可能的使用场景和提示灯信息详细解释每个属性。

文中提到的属性如下：

宽度（Width）属性

• 最小宽度（Min Width）
• 最小宽度和边距（Min Width And Padding）
• 最大宽度（Max Width）
• 使用最小宽度和最大宽度（Using Min Width And Max Width）

高度（Height）属性

• 最小高度（Min Height）
• 最大高度（Max Height）

最小和最大属性的使用场景（Use Cases For Min And Max Properties）

• Tag 列表（Tags List）
• 按钮（Buttons）
• 用Flexbox把最小宽度/高度设置为0（Setting Min Width/Height to Zero With Flexbox）
• 混合最小和最大宽度（Mixing Min Width And Max Width）
• 页面包裹（Page Wrapper）
• 最大宽度和ch单元（Max Width and The ch Unit）
• 用一个未知高度让一个元素动起来（Animating An Element With An Unknown Height）
• 英雄元素的最小高度（Min Height For Hero Elements）
• 模态框组件（Modal Component）
• 最小高度和粘性页脚（Min Height and Sticky Footers）
• 最大宽度/高度和视图单位的流体比（Fluid Ratio With Max Width/Height And Viewport Units）
• 把HTML/Body设为100%

笔记

• 最小宽度和块状元素（Min Width and Block Elements）
• CSS比较函数（CSS Comparison Functions）