css动态图标布局没有刷新，类似亚马逊的网站

Question

我对样式表相当新，所以这可能是一个非常简单的问题。我注意到亚马逊的网站有两个非常酷的功能，我想复制。

1. 在页面中间，有一个网格，可以横向布置图标，用于推荐和其他内容。根据页面的宽度，它会水平显示4或5或6到8个图标/项目。他们这样做而不刷新页面。我试图阅读源代码，但它看起来像是一堆样式表技巧，使这种情况发生。

2. 左边的“按部门购物”也很有意思。如果您的页面很窄，它会消失，但鼠标悬停时会显示。如果页面很宽，则会显示。

如果有人能指出我正确的方向或一些示例代码，那就太棒了。感谢

Answer 1

问题1：

这不仅仅是css。

使用表格在每一行中存储您想要的许多元素，然后将整体宽度设置为整个表格。

使用javascript / jquery根据表格大小计算每个元素的宽度。

问题2： http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-31-fixed-fluid-fixed/ 你可能想看一下。据我所知，在亚马逊的网站上，侧边栏永远不会消失。

编辑：

1.假设你有1000px宽的页面。 2.左侧第一个200像素设置为侧边栏。 3.使用jQuery检查当前页面宽度。 4.if pageWidth＆lt; 1000px，sidebar {display：none;}

但实际上，这些代码无处不在。