使网看起来像一本书

Question

来自SO的朋友：

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

好的，你是什么意思？

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

让我们举一个例子：

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

所以任何人都知道如何使用CSS3和HTML5来完成这项工作？我宁愿避免Js，，但如果没有其他选择，那么它会更多比欢迎。

提前感谢新年快乐！ 克里斯;

---

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

• http://css-tricks.com/how-to-create-a-horizontally-scrolling-site/
• How to make horizontal scroll on page
• http://hotdot.pro/en/
• http://www.bartleboglehegarty.com/

亲切的问候; 克里斯;

Answer 1

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

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

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

关于CSS3选项的最新更新： http://www.webdesignerdepot.com/2013/03/how-to-use-css3-columns/

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