如果你希望頁面縮小時，布局不亂，可以有兩種方式：

1. 給body加上一個min-width最小寬度，以px為單位，這樣當頁面變小時，當達到你所設置的最小寬度，body的寬度不再改變，超出的部分會用橫向滾動條顯示，其內所有元素的布局也不會受影響。

2. 使用百分比設置寬度，所有會在頁面變化后布局改變的元素的寬度都設置成百分比寬度，這樣在縮放時，頁面內的各個元素也會跟著縮放，寬度占比不變，當然前提是設置CSS樣式前，先給body和html這兩個元素設置寬度為100%，避免后面出錯。

至于高度，我建議使用確定的值，不要用百分比，因為頁面的大小對高度基本沒影響。

現在都自適應了。。。要么自己寫@media，要么用boostrap。

至少有個原則是，最外面容器寬度可以寫死多少px，但是高度不要寫

一般布局中，都使用百分比，還有就是高度最好不要設置出來，讓元素自己去撐盒子得高度，

最好使用百分比,這樣可以隨頁面的變化而變化,而不改變布局;

布局會亂,是因為你使用的是固定值吧.