在前端開發中，CSS是我們經常要用到的一種技術。為了讓頁面更美觀、更易于使用，我們會使用一些CSS代碼段，來進行樣式設計和布局。然而，有些CSS代碼段常常被瀏覽器自動優化，影響了我們的樣式效果，所以有時候我們需要禁止這些代碼段被優化。

例如，有些瀏覽器可能會自動將以下樣式：
div{
width: 100%;
height: 100%;
}
優化為：
div{
width: 1px;
height: 1px;
}
這樣一來，我們的樣式布局就出現了問題，我們需要禁止這些代碼段被瀏覽器優化。為此，我們可以使用以下代碼：
div{
width: 100% !important;
height: 100% !important;
}
使用!important可以讓我們的樣式代碼具有更高的優先級，從而禁止瀏覽器優化。這樣我們就可以確保樣式代碼的正確性和一致性，使頁面更加可靠和美觀。

需要注意的是，雖然禁止優化可以確保樣式代碼的正確性，但也會增加頁面加載時間，導致性能下降。因此，我們需要在使用時慎重考慮這種方法的使用場景，盡量避免代碼冗余和重復。