CSS-宽度

重要！前言必读！

本章节主要学习的是css的宽度，css宽度（width）以及最大宽度（max-width）和最小宽度（min-width），宽度自动（width：auto）。

宽度：width

注意！width是指用于定义HTML元素宽度的属性，通常用于设置元素或图像等元素的宽度，宽度的值有：px（像素）、百分比（%）、视窗宽度（vw），记住px和百分比即可，px最常用。

代码图

效果图

---

最大宽度：max-width

注意！max-width是CSS中的一个属性，用于设置元素的最大宽度，该属性定义了元素在垂直方向上能够达到的最大宽度值，如果元素的实际宽度超过了这个设定的最大宽度，浏览器会自动截断内容或者采取其他指定的处理方式。

代码图

效果图

---

最小宽度：min-width

注意！min-width是CSS中的一个属性，用于设置元素的最小宽度，意味着无论内容有多少，元素都不会小于指定的最小宽度，如果内容的实际宽度超过了设置的最小宽度，元素会根据内容的实际宽度进行调整。

代码图

效果图

---

宽度自动：width：auto

注意！width：auto是一种设置元素宽度的方式，浏览器根据元素的内容自动调整宽度，以适应内容的大小。

代码图

效果图