我发现了这一点：CSS3的多列布局。阅读标题为 CSS3多列浏览器支持的部分 。它指出以下内容：

如果需要支持不支持多列的浏览器，则应该为这些浏览器提供一个后备选项。这是使用Modernizr脚本的方法…

1. 将以下SCRIPT标记放在任何其他样式表之后的HEAD中：

   <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.0.6/modernizr.min.js"></script>
   

2. 在上面的行下面添加另一个SCRIPT，内容为：

   <script>
   

   Modernizr.load({
   test: Modernizr.csscolumns,
   yep: ‘columns.css’,
   nope: ‘no-columns.css’
   });
   

3. 创建一个包含多列CSS的CSS样式表，并将其另存为column.css在同一目录中。

4. 创建一个包含后备CSS的CSS样式表（例如带有float的列），并将其另存为no-columns.css在同一目录中。在IE和Chrome，Safari或Opera中测试您的页面。

如果您有兴趣使用这种方式，“ 多列”页面提供了JavaScript后备功能。