在CSS中,width屬性用于控制元素的寬度,它可以接受不同類型的值,例如:
.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像素時,元素將自動調整其寬度以適應其父元素的寬度。