當我們在制作網頁時，可能會遇到一些奇怪的問題，比如頁面上下抖動。那么，什么是頁面上下抖動呢？為什么會出現這種情況呢？

在介紹原因之前，先了解一下CSS中的“盒模型”。在CSS中，每個元素都是一個矩形的盒子，有“內容區”、邊框、內邊距和外邊距四個部分。當我們設置元素的box-sizing屬性為“border-box”時，它的大小就不再是由內容區大小確定，而是由內容區、內邊距和邊框大小之和來決定。

box-sizing: border-box;

頁面上下抖動是由于元素的box-sizing屬性引起的。當頁面中有多個元素的box-sizing屬性不一致時，它們的大小會發生變化，從而導致整個頁面上下抖動。

解決頁面上下抖動的方法就是在CSS中設置所有元素的box-sizing屬性為相同的值，建議設置為“border-box”，這樣所有元素的大小都是由內容區、內邊距和邊框大小之和來決定，不會因為屬性不一致導致頁面抖動了。

* {
box-sizing: border-box;
}

除了設置所有元素的box-sizing屬性外，還可以使用normalize.css這樣的庫來解決頁面抖動問題。