.example { width: 100%; /* 将元素的宽度设置为其父元素的100% */ width: 500px; /* 将元素的宽度设置为500像素 */ width: auto; /* 元素的宽度根据其内容自动调整 */ }
需要注意的是,width属性只能应用于块级元素,例如div和p等。
值得一提的是,width属性的默认值为auto。如果未指定宽度,元素将自动调整其宽度以适应其内容。
此外,大家还可以组合使用 width 和 max-width 属性来创建响应式布局。例如:
.example { max-width: 1000px; /* 元素的最大宽度为1000像素 */ width: 100%; /* 将元素的宽度设置为其父元素的100% */ }
这意味着,当元素的宽度超过1000像素时,它将保持在1000像素。而在小于1000像素时,元素将自动调整其宽度以适应其父元素的宽度。