css宽度变化 |css 图片右上角

1. 百分比宽度

.container {
width: 100%;
}

百分比宽度是指将元素的宽度设置为父元素的百分比。比如上面的代码中，容器的宽度被设置为100%，即与父元素同宽。

2. 固定宽度

.box {
width: 500px;
}

固定宽度是指将元素的宽度设置为一个固定的像素值。比如上面的代码中，盒子的宽度被设置为了500个像素，无论父元素宽度如何变化，这个盒子的宽度都将保持不变。

3. 最大宽度

.box {
max-width: 800px;
}

最大宽度是指将元素的宽度设置为最大值。比如上面的代码中，盒子的最大宽度被设置为800个像素，但其实际宽度可以小于800个像素，只有当父元素很宽时才会达到800个像素。

4. 最小宽度

.box {
min-width: 200px;
}

最小宽度是指将元素的宽度设置为最小值。比如上面的代码中，盒子的最小宽度被设置为200个像素，但其实际宽度可以大于200个像素，只有当父元素很窄时才会小于200个像素。

综上所述，CSS宽度变化可通过百分比宽度、固定宽度、最大宽度和最小宽度等方法进行控制，具体使用取决于实际需求。