CSS是前端開發中必不可少的一部分，它可以幫助我們美化網頁、實現交互效果等等。其中，設置元素的寬度也是CSS的一項基本功能。但有些時候，我們會發現設置寬度似乎沒有效果，這是為什么呢?

其實，設置寬度無效主要有以下幾種情況:

//第一種情況：元素為inline元素
p{
display: inline;
width: 100px;
}

像p、span、a等元素都是默認為inline元素，但是inline元素是不支持設置寬度的，因為它不像block元素會獨占一行。

//第二種情況：元素被包含在父元素之中
.parent{
width: 500px;
}
.child{
width: 600px;
}

在這種情況下，子元素的寬度不可能超過父元素的寬度，即使你設置了一個更大的寬度值也沒有用。

//第三種情況：寬度被覆蓋
.container{
width: 500px;
}
.container div{
width: 600px !important;
}

在這種情況下，寬度被!important指定的樣式所覆蓋，即使你給寬度設置一個固定值也沒有效果。

綜上所述，當我們遇到設置寬度無效時，需要檢查元素是否為inline元素、是否被包含在父元素中、以及是否被!important指定的樣式覆蓋了寬度。