我想创建一个简单的流体布局，其中4列等宽，一旦视口低于特定宽度，则下降到3列等宽，然后在另一个指定视口宽度下下降到等于宽度的2列。当一列掉落时，它应该下降到下一行，因此显示在原始列的下方。
任何有关如何实现这一目标的彩色div的指针或简单小提琴都将是最有帮助的！
谢谢德文
答案 0 :(得分：1)
您可以使用CSS设置列（div）宽度，但是当窗口为特定宽度时，您需要使用javascript来切换到3或2列。仅CSS就没有内置的那种逻辑。
答案 1 :(得分：1)
答案 2 :(得分：0)
如果您愿意并且有能力，请了解新标准将如何在css列数中取得进展： http://1plusdesign.com/articles/the-future-of-newspaper-column-style-layout-with-css-3/
答案 3 :(得分：0)
感谢所有有用的指针。这是一个简单的小提琴，说明如何实现它：jsfiddle.net/Paulie_D/QFhh9