在CSS中，有一種屬性是只讀的，即在樣式表中無法更改它們的值。這些只讀屬性包括width、height、left、top等等。這是因為這些值通常是由元素本身的特性決定的，如width和height是由元素的內容和邊框決定的，left和top是由元素的定位方式決定的。

盡管這些只讀屬性在某些情況下可能很有用，但有時我們希望能夠直接修改它們。對于這種情況，我們可以使用!important關鍵字去掉只讀屬性。

#example {
width: 200px !important;
height: 150px !important;
left: 50px !important;
top: 20px !important;
}

如上所示，我們在樣式表中為目標元素設置了width、height、left、top這些只讀屬性，并在每個屬性后面加上了!important關鍵字。這告訴瀏覽器我們想要覆蓋這些屬性的只讀限制，讓它們能夠被修改。

需要注意的是，!important應該盡量避免使用，因為它可能會導致樣式表的維護變得困難，尤其是當多個樣式表和元素之間存在競爭時。因此，我們應該盡可能使用更為靈活的方法來達到我們的設計效果。