html - 即使页面的右侧可以滚动，他是如何让侧边栏保持在左侧的？

Question

我正在尝试了解 960 网格，并且正在查看 Skeleton。

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
}

更新

调整浏览器大小