即使頁面的右側可以滾動，他是如何讓側邊欄保持在左側的？

Question

我想了解960網格，並看着骷髏。

http://www.getskeleton.com

如果您訪問的頁面，你會發現，雖然頁面滾動的右側上下，左邊是固定的（邊欄）始終保持不變。如果您縮小瀏覽器窗口的距離，則邊欄消失。

我已經看過了CSS，並找不到有關這個側邊欄如何工作的任何東西。他是怎麼做到的呢？

Answer 1

側邊欄使用position:fixed;來保持它的位置。響應方（重新調整瀏覽器的大小）很可能是使用媒體查詢。例如：

@media only screen and (max-width: 999px){ 
    //if screen is less than or equal to 999px (just a random number) execute this code 
} 

@media only screen and (min-width: 1000px){ 
    //if screen is greater than or equal to 1000px (just a random number) execute this code 
} 

UPDATE

RESIZE THE BROWSER