使网络看起来像一本书[关闭]答案

【问题标题】：Make a web looks like a book [closed]使网络看起来像一本书[关闭]
【发布时间】：2013-12-30 22:58:51
【问题描述】：

来自 SO 的朋友您好：

我今天提出一个非常简单的问题：我们正在尝试制作一个网页，或者更清楚地说，是一个 html 文档，看起来像一本书！

好的，你是什么意思？

我希望元素向下，直到达到屏幕的最大高度，比如 800px，然后向右跳。

举个例子：

我们有一个总高度为 300px 的 div，然后是第二个 div，还有一个 300px，然后是第三个，但是，嘿！屏幕的可见区域，只有 900 倍的高度，所以第三个 div 实际上应该向右移动，而不是让滚动条出现。

那么任何人都知道如何使用 CSS3 和 HTML5 来做到这一点？我宁愿 避免使用 Js， 但如果没有其他选择，那就更多了不欢迎。

提前致谢，新年快乐！克里斯；

对于遇到同样问题的人，我现在找到了几个解决方案：

亲切的问候；克里斯；

【问题讨论】：

要求代码的问题必须表明对所解决问题的最低理解。包括尝试过的解决方案、它们为什么不起作用以及预期的结果。
@ChrisRusso LOLLZZZZ 完全正确。
@ChrisRusso 是的，我阅读了您的问题，但没有看到任何迹象表明您对此进行了任何尝试。 SO 不是您索要代码的网站，而是您询问为什么您拥有的代码不起作用的网站。
我没看到他要代码？只是对方法的指导？
@steve 这已经变成了一场没有得到它的盛宴。 “我根本没有尝试任何解决方案”是 100% 保证的迹象，表明该问题不适合 SO。 Dryden 的评论来自 SO 指南。

【解决方案1】：

在列之间流动的文本长期以来一直是 Web 开发人员的一个限制/痛苦。

CSS3 允许一些解决方案 - 具有可变的浏览器支持。

这是一篇旧文章 - 但请阅读以了解一种方法的想法：http://alistapart.com/article/css3multicolumn

可能需要一些 javascript 来处理向右的移动/超出可见屏幕的过渡。

【讨论】：