宽高控制

CSS 提供多种属性来控制元素的宽度和高度，帮助开发者实现响应式和灵活的页面布局。

1. 固定宽高

直接设置元素的宽度和高度：

width: 200px;
height: 150px;

2. 百分比宽高

相对于父元素尺寸的百分比：

width: 50%;
height: 100px;

注意百分比高度要求父元素有明确高度。

3. 最大和最小宽高

限制元素的尺寸范围：

max-width: 300px;
min-width: 100px;
max-height: 400px;
min-height: 150px;

4. 自动尺寸

auto 表示由浏览器根据内容和布局自动计算尺寸：

width: auto;
height: auto;

宽高控制示例

loading