在進行網頁設計和開發時，CSS樣式表是必不可少的工具。其中，width和height屬性是非常常用的屬性，用于設置寬度和高度。但是有時會出現設置width和height屬性卻沒有效果的情況。這種情況可能出現在很多地方，比如圖片、容器等。

img{
width: 200px;
height: 100px;
}

其中，img是圖片元素的tagName，width和height屬性被設置成200px和100px。但是當運行后，圖片的尺寸可能沒有改變。這是因為圖片本身的尺寸已經被固定了，無法通過設置CSS屬性來改變。如果想實現縮放圖片，可以使用CSS3的transform屬性。

另外一個可能出現width和height屬性無效的問題是由于CSS樣式的權重。如果權重不夠大，那么CSS樣式將會被覆蓋。如下面示例：

div{
width: 200px;
height: 100px;
}
div.test{
width: 300px;
height: 150px;
}

在這個例子中，如果給一個div元素加上test類，則會覆蓋原本的width和height屬性。這是因為test類的權重比div元素的權重要大。為了解決這個問題，可以使用!important關鍵字提高CSS樣式的權重，比如：

div{
width: 200px !important;
height: 100px !important;
}

這樣一來，不管如何修改CSS樣式，都無法覆蓋這個設置了!important的樣式了。

總之，在設置width和height屬性時，需要仔細查看元素的實際情況和CSS樣式的權重等因素。只有全面考慮，才能實現真正有效的CSS樣式。