CSS（Cascading Style Sheets）是一種用于定義網(wǎng)頁樣式的語言。在CSS中，有一些屬性被稱為“穩(wěn)步屬性”，它們可以幫助我們保持網(wǎng)頁穩(wěn)定，避免樣式崩潰。下面我們來介紹一下幾個常用的穩(wěn)步屬性。

/* 1. box-sizing */
* {
box-sizing: border-box;
}
/* 這個屬性用于設(shè)置盒模型的計算方式。如果不設(shè)置，當你給一個元素添加border或padding時，它的實際寬度會變大，超出所設(shè)置的寬度。而設(shè)置為border-box時，元素的寬度會包括border和padding，不會超出所設(shè)置的寬度。 */
/* 2. max-width */
img {
max-width: 100%;
height: auto;
}
/* 這個屬性用于設(shè)置元素的最大寬度，如果內(nèi)容超出了該寬度，會自動縮小內(nèi)容以避免出現(xiàn)溢出問題。在圖片中，我們通常將max-width設(shè)置為100%以確保圖片不會超出其父元素的寬度。 */
/* 3. overflow */
.container {
overflow: hidden;
}
/* 這個屬性用于設(shè)置元素內(nèi)容溢出時的處理方式。hidden表示將溢出的內(nèi)容隱藏，可以用于清除浮動。其他值還包括scroll（顯示滾動條）、auto（自動顯示滾動條）等。 */
/* 4. text-overflow */
.container p {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/* 這個屬性用于設(shè)置文本溢出時的處理方式。可以使用三個參數(shù)來控制，包括text-overflow-mode（一般為clip或ellipsis）、text-overflow-position（一般為left或right）和text-overflow-ellipsis（表示溢出時的省略符號）。 */

通過使用上述穩(wěn)步屬性，我們可以避免在進行復(fù)雜布局或樣式設(shè)計時出現(xiàn)一些常見的bug，如元素寬度或高度超出預(yù)期、元素之間重疊等問題。