我想做的类似于这里所做的 http://www.starbucks.com/static/reference/styleguide/layout_promo_c.aspx
我仔细研究了 CSS 和 html，试图弄清楚它们如何以 2 x 2 的形式显示列表。
我发现他们使用有序列表来组织它，然后使用 dl 元素构造每个块的内容。我设法创建了 4 个单独的块，但我无法将它们放在 2 x 2 结构中。尽管将显示属性设置为列表，但我似乎也无法使列表内联。
编辑：将倒倒改为多孔
这是我的 css http://pastebin.com/zLSNu29b的相关部分 您不妨忽略它：/
有人能帮助我吗？
听起来并不难......我要做的是让 div 内的四个块受宽度限制，并为这四个块中的每一个块提供百分比宽度，每个块都向左浮动。
请记住，如果您为一个块分配 50% 的宽度，则其右侧的块必须具有大约 48% 的宽度，因为您必须包括边距和填充，这就是为什么有时当您有一个 div 1000px，你为一个孩子分配 500px，为另一个孩子分配 500px，第二个低于第一个。
你明白吗？
列表项向左浮动，以便它们并排排列，直到它们跨越容器宽度，然后下一个 2 下降到前 2 个下方，依此类推。
他们能够使用 50% 的宽度，同时仍然通过应用于box-sizing: border-box;列表项来指定一些水平填充，这会改变宽度的计算方式，以在宽度定义中包括边框和填充。这是一个 css3 属性，因此不适用于旧版浏览器。