CSS 是網頁頁面設計中一個核心的技術，它可以美化我們的頁面并使網頁內容易于閱讀和理解。但有時候，當我們的頁面設計過于復雜，會出現一些問題，比如頁面會不斷地亂動，給用戶帶來不必要的困擾。

那么在這種情況下，我們該如何設置頁面才能讓它不亂動呢？下面是一些關于如何設置 CSS 頁面避免亂動的技巧。

body {
width: 100%;
overflow: hidden;
}

第一個技巧是通過設置 body 元素的寬度和 overflow 屬性來避免頁面亂動。具體來說，我們可以將 body 元素的寬度設置為 100%，這樣可以使頁面占滿整個瀏覽器窗口。而 overflow 屬性可以幫助我們隱藏頁面中多余或者不必要的元素，從而避免頁面出現滾動。

* {
box-sizing: border-box;
}

第二個技巧是對所有元素使用 box-sizing 屬性。通過設置 box-sizing 屬性為 border-box，可以讓元素的寬度和高度包括其邊框和內邊距。其他元素屬性如 margin 和 padding 也會被計算在內。這樣做可以保證元素的大小始終不變。

img {
max-width: 100%;
height: auto;
}

第三個技巧是對圖片的處理。我們可以通過設置圖片的 max-width 值來避免圖片變形。特別是當我們在手機或者平板電腦上瀏覽網頁時，很容易出現圖片變形的情況。同時，我們還需要將圖片的高度設置為自動，這樣可以保證圖片在原有比例下縮放。

通過以上三個技巧，我們就可以避免頁面出現亂動，讓用戶更好地體驗我們的網頁內容。當然，對于復雜的頁面設計來說，可能需要更多地技巧和調整。但這些基本的設置仍然是非常重要的。